JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="htmlviewcontrol">
        <div class="title">Leksikon</div>
        <div class="body">
            <iframe 
                width="180px" 

                src="http://xn--pllumajandus-rib.ee/leksikon.html" 
                frameborder="0">Veebisirvija ei suuda sisu kuvada.</iframe>
        </div>
    </div>
</div>

CSS

.box {
    background-color: rgb(255, 255, 255);
    border-collapse: collapse;
    clear: both;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 153px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 200px;
}
.htmlviewcontrol {
  border-bottom-color: rgb(7, 144, 52);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: collapse;
  border-left-color: rgb(7, 144, 52);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(7, 144, 52);
  border-right-style: solid;
  border-right-width: 1px;
  display: block;
  font-family: Arial;
  font-size: 12px;
  height: 144px;
  margin-bottom: 15px;
  padding-bottom: 8px;
  width: 198px;
}
.title{
   background-color: rgb(7, 144, 52);
    border-collapse: collapse;
    color: rgb(255, 255, 255);
    display: block;
    font-family: GuardianSansBold, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-right: 0px;
    padding-top: 5px;
    text-transform: uppercase;
    width: 189px; 
}
.body{
    border-collapse: collapse;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 116px;
    padding-bottom: 0px;
    padding-left: 9px;
    padding-right: 7px;
    padding-top: 3px;
    width: 182px;
}