Железобетонная буквица

428
24 ноября 2016, 10:17

Необходимо выделить первую букву первого и только одного в документе <p> внутри <div class='layout_data'> вне зависимости от уровня вложенности.

.layout_data p:first-of-type:first-letter {
    font: 3.5em ProximaNova-Bold, Verdana, sans-serif !important;
    line-height: 42px !important; /*По высоте буквы*/
    color: #bf1238 !important;
    float: left !important;
    margin: 7px 8px 0 -2px !important;
}

Такой вариант работает только при такой структуре:

<div class='layout_data'>
       <p>Текст1</p>
       <p>Текст2</p>
    </div>

При такой архитектуре:

<div class='layout_data'>
           <p>Текст1</p>
<div>
<p>Текст2</p>
</div>
        </div>

Первая буква "Текста2" также выделяется.

READ ALSO
Выравнивание блока по вертикали HTML/CSS

Выравнивание блока по вертикали HTML/CSS

Опять эта проблема с выравниванием по высоте. .

367
Как разместить две картинки друг от друга?

Как разместить две картинки друг от друга?

Не могу разместить картинки друг от друга как на фото.

377
Как сверстать два блока?

Как сверстать два блока?

Как сверстать два блока: один слева, второй справа, ширина 1-го зависит от внутреннего контента, а 2-ой от ширины 1-го блока?.

391