JSFiddle - React, Tailwind, and code Playground

by Ариан Шапиро

HTML

<table>
      <tbody>
         <tr id="cvet">
            <td id="kart" rowspan="2">
                <img src="http://s017.radikal.ru/i408/1409/c1/113b21314c25.jpg" />
            </td>
            <td id="zag-okno">
                 <h3 class="zag1"> Процессор</h3>
            </td>
         </tr>
         <tr>
             <td class="opis" >gfd</td>
         </tr>
     </tbody>
</table>

CSS

table {
    border-collapse: collapse;
    font-size: 10px;
    font-family: tahoma, geneva, verdana, sans-serif;
}
tr {
    font-weight: normal;
}
td#kart {
    width: 100px;
    height: 100px;
    border: 1px solid #bac4c8;
    text-align: center;
}
td {
    border: 1px solid #bac4c8;

}
img {
    width: 80px;
    height: 80px;
    outline: 2px solid #888;
}
td#opis {
    z-index: auto;
    background-color: transparent;
    float: none;
    vertical-align: middle;
    font-weight: normal;
    font-size: 1.333em;
    outline-style: none !important;
    padding: 5px 5px 8px 7px !important;
}
ul>li {
    padding:0px;
    text-indent:0px !important;
}

 .zag1 {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: x-large;
    font-weight:normal;
    margin: 10px;
}
.opis {
    font-family: tahoma, geneva, verdana, sans-serif;
    font-size: 13px;
}