hollow

<div style="margin:auto;width:360px;">
  <div style="float:left;width:200px;height:300px;background-color:#9F2135;border:1px solid #A33F4F;border-radius:5px;overflow:hidden;">
    <div style="float:left;width:220px;height:292px;overflow:auto">
      <div style="float:left;width:200px;">
        <div style="float:left;width:200px;">
        <div style="float:left;width:20px;height:10px;border-top:1px dashed #fff;margin-top:12px;">
        </div><div style="float:left;width:5px;height:5px;border-radius:10px;background-color:#fff;margin-top:10px;">
          </div>
        <div style="float:left;width:165px;background-color:#fff;border:1px solid #A33F4F;margin:5px 0px 0px 3px;">
            <div style="float:left;width:155px;margin-left:5px;margin-bottom:5px;">
              <div style="float:left;width:55px;margin-top:5px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>name</strong></div>
              <div style="float:left;width:95px;margin-top:5px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">name here</div>
              <div style="float:left;width:55px;margin-top:2px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>birthdate</strong></div>
              <div style="float:left;width:95px;margin-top:2px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">00.00.00</div>
              <div style="float:left;width:55px;margin-top:2px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>age</strong></div>
              <div style="float:left;width:95px;margin-top:2px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">insert here</div>
              <div style="float:left;width:55px;margin-top:2px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>occupation</strong></div>
              <div style="float:left;width:95px;margin-top:2px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">insert here</div>
              <div style="float:left;width:55px;margin-top:2px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>orientation</strong></div>
              <div style="float:left;width:95px;margin-top:2px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">insert here </div>
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;">Lorem ipsum dolor sit amet, ut summo soleat invenire ius, pro scripta consulatu ne. At harum numquam has, per petentium patrioque disputando no. 
              </div>
               <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;">Ei odio complectitur mei, vivendo prodesset ut vis, vidit rationibus per ei. Ad amet sonet sed. Ad regione aperiam signiferumque mea, at pro quaeque eripuit, te pro audire appareat.
              </div>
            </div>
        </div>
        </div>
        
        <div style="float:left;width:200px">
        <div style="float:right;width:20px;height:10px;border-top:1px dashed #fff;margin-top:12px;">
        </div><div style="float:right;width:5px;height:5px;border-radius:10px;background-color:#fff;margin-top:10px;">
          </div>
        <div style="float:left;width:165px;background-color:#fff;border:1px solid #A33F4F;margin:5px 0px 0px 3px;">
            <div style="float:left;width:155px;margin-left:5px;margin-bottom:5px;">
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;">Errem eligendi has id, tale omittantur id ius, ei vis natum electram. Eum discere dignissim ei, harum clita regione te vim. </div>
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;">Modus falli munere te sea, no dicta referrentur qui, ius doming detracto consulatu cu.
</div>
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;">Id vim soluta partiendo, sed at alii mazim, justo eirmod tincidunt at vim. Eu his modus veniam, nec eu oratio latine periculis, in alia percipit has.
              </div>
              
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;">Labores liberavisse ei per, aliquid sadipscing duo ad, at appareat indoctum expetendis est. 
              </div>
            </div>
          </div>
        </div>
        
        <div style="float:left;width:200px;">
        <div style="float:left;width:20px;height:10px;border-top:1px dashed #fff;margin-top:12px;">
        </div><div style="float:left;width:5px;height:5px;border-radius:10px;background-color:#fff;margin-top:10px;">
          </div>
        <div style="float:left;width:165px;background-color:#fff;border:1px solid #A33F4F;margin:5px 0px 0px 3px;">
            <div style="float:left;width:155px;margin-left:5px;margin-bottom:5px;">
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;"><img src="https://i.imgur.com/MlMieXN.jpg" style="width:75px;height:75px;border-radius:2px;" /><img src="https://i.imgur.com/2ay6t24.jpg" style="width:75px;height:75px;margin-left:3px;border-radius:2px;" /></div><div style="float:left;width:50px;margin-top:5px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>name</strong></div>
              <div style="float:left;width:100px;margin-top:5px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">name here</div>
              <div style="float:left;width:50px;margin-top:2px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>date</strong></div>
              <div style="float:left;width:100px;margin-top:2px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">00.00.00</div>
              <div style="float:left;width:50px;margin-top:2px;font-family:'times new roman';line-height:9px;font-size:8px;letter-spacing:-.5px;text-transform:uppercase;"><strong>status</strong></div>
              <div style="float:left;width:100px;margin-top:2px;margin-left:3px;font-family:'helvetica neue';line-height:9px;font-size:9px;">yours forever</div>
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;">どうせならもう後戻りもできないくらい どうにかさせて まだまだハマっていきたい なんか、まるで恋してるみたい 好きになっちゃったぁ つってさ
              </div>
            </div>
          </div>
        </div>
        
        <div style="float:left;width:200px">
        <div style="float:right;width:20px;height:10px;border-top:1px dashed #fff;margin-top:12px;">
        </div><div style="float:right;width:5px;height:5px;border-radius:10px;background-color:#fff;margin-top:10px;">
          </div>
  <div style="float:left;width:165px;background-color:#fff;border:1px solid #A33F4F;margin:5px 0px 0px 3px;">
            <div style="float:left;width:155px;margin-left:5px;margin-bottom:5px;">
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;">Lorem ipsum dolor sit amet, ut summo soleat invenire ius, pro scripta consulatu ne. At harum numquam has, per petentium patrioque disputando no.</div>
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;"> Ei odio complectitur mei, vivendo prodesset ut vis, vidit rationibus per ei. Ad amet sonet sed.
</div>
              <div style="float:left;width:155px;margin-top:5px;font-family:'helvetica neue';line-height:9px;font-size:9px;text-align:justify;"> Ad regione aperiam signiferumque mea, at pro quaeque eripuit, te pro audire appareat. Errem eligendi has id, tale omittantur id ius, ei vis natum electram.  Eum discere dignissim ei, harum clita regione te vim. Modus falli munere te sea.
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div style="float:left;width:150px;height:300px;margin-left:5px;"><img src="https://i.imgur.com/Ha8RZig.jpg" style="width:150px;height:150px;border-radius:5px;" />
    <div style="float:left;width:150px;height:20px;margin-top:5px;line-height:10px;font-family:'times new roman';font-size:20px;letter-spacing:-2px;text-align:center;color:#000;text-transform:lowercase;"><strong><em>lorem ipsum</em></strong>
    </div>
    <div style="float:left;width:150px;height:25px;border:1px solid #A33F4F;border-radius:5px;background-color:#9F2135;">
      <div style="float:left;width:20px;height:25px;margin-left:5px;margin-top:-3px;"><img src="https://i.imgur.com/IKmbEfe.gif" style="width:20px;height:20px;" />
<div style="height:20px;width:20px;float:left;margin:-15px 0px 0px 0px;opacity:.0001;"><iframe frameborder="0" height="20" src="https://www.youtube.com/embed/h0AcvqihLgM" width="20"></iframe></div>
      </div>
      <div style="float:left;width:100px;font-family:'helvetica neue';font-size:9px;line-height:8px;color:#fff;text-transform:lowercase;text-align:right;margin-top:3px;margin-left:15px;"><strong><span style="font-family:'times new roman';font-size:8px;letter-spacing:-.5px;text-transform:uppercase;">now playing:</span></strong><br /> hollow - yosh morita
      </div>
    </div>
    <div style="float:left;width:150px;height:12px;background-color:#9F2135;border:1px solid #A33F4F;border-radius:10px;margin-top:5px;">
      <div style="float:left;width:75%;height:10px;background-color:#D48894;border-radius:10px;">
        <div style="float:left;height:10px;width:150px;font-size:8px;line-height:9px;font-family:'helvetica neue';letter-spacing:-.5px;color:#fff;margin-left:5px;text-transform:uppercase;"><span style="font-family:'times new roman';letter-spacing:-.5px;"><strong>muse:</strong></span> 75%
        </div>
      </div>
    </div>
    
    <div style="float:left;width:150px;height:12px;background-color:#9F2135;border:1px solid #A33F4F;border-radius:10px;margin-top:2px;">
      <div style="float:left;width:50%;height:10px;background-color:#D48894;border-radius:10px;">
        <div style="float:left;height:10px;width:150px;font-size:8px;line-height:9px;font-family:'helvetica neue';letter-spacing:-.5px;color:#fff;margin-left:5px;text-transform:uppercase;"><span style="font-family:'times new roman';letter-spacing:-.5px;"><strong>speed:</strong></span> 50%
        </div>
      </div>
    </div>
    
    <div style="float:left;width:150px;height:12px;background-color:#9F2135;border:1px solid #A33F4F;border-radius:10px;margin-top:2px;">
      <div style="float:left;width:90%;height:10px;background-color:#D48894;border-radius:10px;">
        <div style="float:left;height:10px;width:150px;font-size:8px;line-height:9px;font-family:'helvetica neue';letter-spacing:-.5px;color:#fff;margin-left:5px;text-transform:uppercase;"><span style="font-family:'times new roman';letter-spacing:-.5px;"><strong>activity:</strong></span> 90%
        </div>
      </div>
    </div>
    
    <div style="float:left;width:150px;height:45px;margin-top:5px;line-height:8px;color:#000;font-size:9px;font-family:'helvetica neue';text-align:justify;"><span style="font-family:'times new roman';letter-spacing:-.3px;font-size:8px;line-height:8px;"><strong>OOC NOTE:</strong></span> this does not scroll. you shouold probably have no more than 4-5 lines of text here. or not. it's your choice. 
    </div>
  </div>
</div>
<div style="margin:auto;width:360px;">
<div style="float:left;width:inherit;font-size:9px;font-family:helvetica;line-height:20px;letter-spacing:0.5px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/30136/"><span style="color:#000000;font-weight:lighter;">desuwa<em>!</em></span></a></div>
</div>