OOC Marvel Mashup

To edit the image sizes, change height = "200" to whatever number works best for that particular image, no more than 400-500.

<center><lj-cut text="____'s Look"><lj-raw><div style="width:90%;max-width:800px;min-width:420px;margin:0 auto;font-family:helvetica,arial,sans-serif;font-size:11px;color:#222;text-align:center;border:1px solid #ddd;padding:20px;line-height:120%;border-radius:20px/30px;"> <div style="text-transform:uppercase;font-size:9px;margin-bottom:40px;border-bottom:1px solid #ddd;padding-bottom:20px;"> <div style="font-family:arial black,gadget,sans-serif;font-size:15px;margin-bottom:4px;color:#000;"> Outfit Name </div> <div style="letter-spacing:1px;">as seen in <a href="">this thread</a></div> </div> <a href="IMAGE URL 1"><img src="IMAGE URL 1" height="200" title="IMAGE NAME"></a> <a href="IMAGE URL 2"><img src="IMAGE URL 2" height="200" title="IMAGE NAME"></a> <a href="IMAGE URL 3"><img src="IMAGE URL 3" height="200" title="IMAGE NAME"></a> <a href="IMAGE URL 4"><img src="IMAGE URL 4" height="200" title="IMAGE NAME"></a> <a href="IMAGE URL 5"><img src="IMAGE URL 5" height="200" title="IMAGE NAME"></a> <a href="IMAGE URL 6"><img src="IMAGE URL 6" height="200" title="IMAGE NAME"></a> <a href="IMAGE URL 7"><img src="IMAGE URL 7" height="200" title="IMAGE NAME"></a> <a href="IMAGE URL 8"><img src="IMAGE URL 8" height="200" title="IMAGE NAME"></a> <div style="margin-top:40px;border-top:1px solid #ddd;padding-top:20px;display:flex;align-items:flex-start;justify-content:center;line-height:160%;"> </div> </div><a href="http://tessisamess.insanejournal.com/" style="display:block;text-align:center;margin:8px auto 0 auto;font-family:helvetica,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:2px;font-size:7px;">IMAGE DISPLAY BY TESSISAMESS</a></lj-raw></lj-cut>

( ____'s Look )

<center><lj-cut text="OUTFIT NAME"><lj-raw><div id="container" style="width:500px;margin:0 auto;background:#fff;background-size:100% auto;border:1px solid #ccc;font-family:tahoma,arial,sans-serif;text-align:center;"> <div id="container-head" style="height:80px;border-bottom:1px solid #ccc;display:flex;justify-content:center;align-items:center;text-transform:uppercase;color:#000;text-shadow:1px 1px 1px rgba(0,0,0,0.4);"> <div id="head-inner"> <div id="title" style="font-size:26px;letter-spacing:1px;"> OUTFIT EXAMPLE </div> <div id="subtitle" style="font-size:13px;letter-spacing:3px;"> AS SEEN IN <a href="">THIS THREAD</a> </div> </div> </div> <div id="gallery" style="background:#fff;padding:20px;-webkit-column-count:3;-webkit-column-gap:0;-moz-column-count:3;-moz-column-gap:0;column-count:3;column-gap:0;"> <!---YOUR IMAGES; ADD AS MANY AS YOU LIKE--> <img src="" style="width:100%!important;height:auto!important;" title="DESCRIPTION"> <img src="" style="width:100%!important;height:auto!important;" title="DESCRIPTION"> <img src="" style="width:100%!important;height:auto!important;" title="DESCRIPTION"> <img src="" style="width:100%!important;height:auto!important;" title="DESCRIPTION"> <img src="" style="width:100%!important;height:auto!important;" title="DESCRIPTION"> <img src="" style="width:100%!important;height:auto!important;" title="DESCRIPTION"> </div> </div><center><a href="http://tessisamess.insanejournal.com/" style="display:block;margin-top:3px;font-family:helvetica,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:4px;font-size:8px;">CODE BY TESSISAMESS</a></center></lj-raw></lj-cut>

( Sample! )