JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">      
    <div class="address" onclick="dropdownResize()"><span class="italic">Address</span>&nbsp;<span class="bold">Testing 123 123 123 testing test test</span></div>
    <div class="content">
        <br/>Usual address
        <br/>
        <span class="bold">${bean.address}</span><br/> 
    </div>       
</div>

CSS

#wrapper{
    font-weight:normal; 
    position: absolute; 
    top:45; 
    left: 0;
    align:left;
}
.content{
    border-style:solid; 
    border-width:0px; 
    text-transform:capitalize; 
    text-indent:1px;   
}
.address{ 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    width:100px; 
    font-weight:normal;
}
.italic{
    font-style:italic;
}
.bold{
    font-weight:bold;
}