JSFiddle - React, Tailwind, and code Playground
by Margus Martsepp
HTML
<div class="column3"><div class="box"><div class="htmlviewcontrol"><div class="title body" style="color: #FFFFFF; background-color: #476696">Värske number</div><div class="body">
<div style="border: 1px solid lightgray;height:118px">
<a href="http://kiosk.aripaev.ee/itead14pml">
<div style="width: 89px;float: left;">
<img src="http://live.imelineteadus.ee/images/layoutrender/c0e7e195-0c2c-4834-ac2b-3422be8d758f.jpg?x=38d50e74-4072-43f6-b59e-926422b1d3db"></img>
</div>
<div style="padding: 6px; float: left;">
<b>
Telli number
</b>
</div>
</a>
</div>
</div></div></div></div>
CSS
.htmlviewcontrol
{
color: rgb(58, 58, 58);
display: block;
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
height: 348px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
width: 230px;
}
.body
{
padding-bottom: 5px;
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
}
.box
{
background-color: rgb(224, 224, 224);
clear: both;
color: rgb(58, 58, 58);
display: block;
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
height: 160px;
line-height: 18px;
margin-bottom: 7px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
width: 230px;
}
.column3
{
color: rgb(58, 58, 58);
display: block;
float: left;
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
height: 600px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
width: 230px;
}