[dohtml]<style>

#aquaman { width: 500px; height: 500px; }
.wonderwoman { height: 0px; width: 0px; border-bottom: 500px solid #3299CC; border-right: 500px solid #000;  }
.batgirl { }
.batgirl img { width: 150px; height: 150px; padding: 10px; background: #111; border: 1px solid #3299CC; position: relative; top: 20px; left: 20px;}
.justice { width: 263px;
 height: 440px;
 background-color: rgba(225,225,225,.3);
 border: 1px solid #3299CC;
 position: relative;
 top: -152px;
 left: 191px;
 color: #fff;
 padding: 10px;
 font: 12px/14px 'Open Sans', sans-serif;
 text-align: justify;
 overflow: hidden;; }
.justice2 { width: 90%; height: 93%; margin: 5px auto; padding: 10px;overflow: auto; }
.justice2 b { color: #fff; font-weight: 900; margin: 2px 0px; text-shadow: 1px 1px #000;}
.justice2 i { color: #fff; font-style: italic; text-shadow: 1px 1px #000; }
.supergirl { width: 135px; background: #000; color: #fff;
 padding: 8px 10px;
 min-height: 20px;
 max-height: 150px;
 font: 10px/12px 'Open Sans', sans-serif;
 position: relative; top: -400px;
 left: 18px;
 text-align: left;
 text-transform: uppercase;
 overflow: auto;}


.supergirl2 {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 20px solid black;
border-bottom: 10px solid transparent;
position: relative;
top: -527px;}


.justice2::-webkit-scrollbar {width: 5px;background: #000;}
.justice2::-webkit-scrollbar-thumb {background: #3299CC;}

.supergirl::-webkit-scrollbar {width: 5px;background: #000;}
.supergirl::-webkit-scrollbar-thumb { background: #3299CC; border-radius: 3px; border-left: 1px solid #fff;border-right: 1px solid #fff; }

.catwoman { width: 480px; text-align: right; color: #333; font: 10px/11px 'Open Sans', sans-serif; padding-top: 5px; text-transform: uppercase;}
.catwoman a { color: #333; text-decoration: none; }
.catwoman a:hover { color: #3299CC; font-style: italic; }
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
</style>

<center>

 <div id="aquaman"><div class="wonderwoman">

   <div class="batgirl"><img src="http://placehold.it/150x150"></div>
   <div class="justice"><div class="justice2">text goes here.
   </div></div>
   <div class="supergirl">tag, notes, anything else goes here. this will go on for a very long time without stopping
     which is pretty dang awesome but eventually you will hit a maximum height and then it will stop
      and at that point it scrolls woot woot!
   </div>
   <div class="supergirl2"></div>
 </div></div>
 <div class="catwoman"><a href="http://shine.jcink.net/index.php?showuser=744">thanks evvie!</a></div>

</center>[/dohtml]