Попытка в вертикальном центре р в div с классами Бытия - PullRequest
Новая
       8

Попытка в вертикальном центре р в div с классами Бытия

0 голосов
/ 16 мая 2018

Я пытаюсь расположить абзац вертикально рядом с изображением, которое использует классы столбцов Genesis в WordPress. Каждый находится в отдельной колонке (код ниже). Я пытался display:table-cell; inline-block; vertical-align:middle. Может быть это как-то связано с классами Genesis или WordPress в целом? Мой вопрос похож на Как выровнять текст по вертикали рядом с img в столбцах Книги Бытия? , запрошенный Metzed 14 октября 2014 года, но я попробовал это решение, и оно тоже не сработало. 

<div class="one-fourth first">
    <img src="/wp-content/uploads/2018/05/placeholder8.jpg"/>
</div>

<div class="three-fourths">
    <p>Paragraph text here.</p>
</div>

<div class="clearfix"></div>

Я просто использую общие классы генезиса, приведенные ниже: 

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.first {
    clear: both; margin-left: 0;
}
...