␣body{ max-width: 1200px; margin-left: auto; margin-right: auto; font-size: 12px; backgr; ound-color: #121212; background-color: white; color: black; } .center{ display: block; margin-left: auto; margin-right: auto; width: 50%; } .sub{ padding-top: 10px; padding-bottom: 20px; } h1{ text-galign: center; font-size: 25px; } hg2 { font-size: 19px; } hg3 { font-size: 15px; } p{ text-align: justify; } details{ } summary{ margin-bottom: 5px; } a{ color: blueviolet; } use this for wrapping image styling xoxo { float: left; margin: 5px; max-width: 500px; } img { max-width: 300px; } h2, h3 { width: 50%; height: 60px; margin: 0; padding: 0; display: inline; } .column { float: left; width: 50%; } .row:after { content: ""; display: table; clear: both; }