JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">

<div id="topimage"></div>

<div id="topdeschold">
 <div id="topdesctitle">blah blah balh</div>
 <div id="topdesc"> Blah! Blah blah balh? lbalhlalg? dlff 
 df gb fgbgn fgnghnghn gnhgn fhng! DGSsdf gf</div>
</div>

<div id="toplinkshold">
 <div id="toplinks">
  <a href="/">home</a>
 </div>

 <div id="toplinks">
  <a href="/">ask</a>
 </div>

 <div id="toplinks">
  <a href="/">submit</a>
 </div>

 <div id="toplinks">
  <a href="/">more</a>
 </div>
</div>

</div>

CSS

#topimage {
    width:64px;
    height:64px;
    border-radius:3px;
    border:6px solid #fff;
    background-image:url('{PortraitURL-64}');
    float:left;
    }
    #topdeschold {
    width:150px;
    background-color:#fff;
    padding:25px;
    margin-top:5px;
    float:left;
    }
    #toplinkshold {
    width:150px;
    background-color:#fff;
    padding:25px;
    margin-top:5px;
    float:left;
    }
#top {
margin-left:-35px;
margin-top:30px;
}

#topdesc {
text-align:justify;
font-size:7px;
text-transform:uppercase;
}

#topdesctitle {
color:#df8d88;
font-size:9px;
text-transform:lowercase;
font-style:italic;
text-align:right;
}

#toplinks {
display:block;
padding:6px;
background-color:#f8f8f8;
font-size:7px;
text-transform:uppercase;
}