JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-left col-300px">
  <div class="field field--name-field-email">
    <div class="field__label">E-mail:&nbsp;</div>
    <div class="field__items">
      <div class="field__item even">
        <a href="/email/node/9/field_email">Связаться по E-Mail</a>
      </div>
    </div> 
  </div>
  <div class="field field--name-field-telefon">
    <div class="field__label">Телефон:&nbsp;</div>
    <div class="field__items">
        <div class="field__item even"><span>7 (495) 787 - 70 - 20</span></div>
    </div>
  </div>
  <div class="field field--name-field-adres">
    <div class="field__label">Адрес:&nbsp;</div>
    <div class="field__items">
      <div class="field__item even">
          <div class="inner__field__item"><span>115230, Москва, ш. Варшавское, д. 46, эт. 1</span></div>
        </div>
      </div>
    </div>
  <div class="field field--name-field-rajon">
    <div class="field__label">Район:&nbsp;</div>
    <div class="field__items">
        <div class="field__item even"><span>Нагорный</span></div>
    </div>
  </div>
  <div class="field field--name-field-metro">
    <div class="field__label">Метро:&nbsp;</div>
    <div class="field__items">
        <div class="field__item even"><span>Нагорная</span></div>
    </div>
  </div>
  <div class="field field--name-field-vebsajt">
    <div class="field__label">Вебсайт:&nbsp;</div>
    <div class="field__items">
      <div class="field__item even">
        <a rel="nofollow" href="http://optimamotors.ru">http://optimamotors.ru</a>
      </div>
    </div>
  </div>
  <div class="field field--name-field-opisanie">
    <div class="field__label">Описание:&nbsp;</div>
    <div class="field__items">
        <div class="field__item even"><span>Продажа новых автомобилей Nissan, Ford, Volkswagen, Hyundai, Honda, Mazda, Toyota, Suzuki, Kia, Renault, Peugeot, Fiat, Citroen, BMW, Chevrolet. Автокредитование. Страхование. Лизинг.</span></div>
    </div>
  </div>
  <div class="field field--name-field-novye ">
    <div...

CSS

a{
    text-decoration: none;
}
.col-300px {
    background: #ccc;
    width: 300px;
}
.field__label {
    background: #aaa;
    font-weight: bold;
    float: left;
}
.field__items {
    background: #ddd;
    display: block;
    height: 20px;
}
.field__item {
    height: 20px;
    overflow: hidden;    
}
.field__item a,
.field__item span{
    border-bottom: 1px dashed #000;
}
.field__items:hover .field__item {
    background: #fff; 
    height: auto;
    z-index: 20;
    position: absolute;
    max-width: 250px;
    display: inline;
    border: 1px solid #000;
    padding: 3px;
    margin: -4px 0 0 -4px;
}