fixed the issue with image sizes

1 files changed, 2 insertions, 1 deletions

diff --git a/style.css b/style.css
index bd0ce07..75c5bc6 100644
--- a/style.css
+++ b/style.css
@@ -14,12 +14,13 @@ a:hover {
 }
 .content {
 	/*the following works together to center the entire element*/
-	position:relative;
+	position:relative; /* allows for translation*/
 	left:50%; /* this shifts the element to the right by 50% of its parent*/
 	display: inline-block; /* this makes the element only as wide as it needs to be*/
 	transform:translatex(-50%);/*this shifts it to the left by half its own width*/
 }
 img {
+	position: absolute; /*parent now ignores it's size when calculating size*/
 	display: block;
 	/*overrides not margin to center from bounds of the <pre> tag*/
 	margin-left: auto;