Я использую загрузчик Twitter и хотел выровнять по вертикали блок div
с изображением и текстом справа.
Вот код:
<ol class="row" id="possibilities">
<li class="span6">
<div class="row">
<div class="span3">
<p>some text here</p>
<p>Text Here too</p>
</div>
<figure class="span3"><img src="img/screenshots/options.png" alt="Some text" /></figure>
</div>
</li>
<li class="span6">
<div class="row">
<figure class="span3"><img src="img/qrcode.png" alt="Some text" /></figure>
<div class="span3">
<p>Some text</p>
<p>Some text here too.</p>
</div>
</div>
</li>
</ol>
Я пробовал это, но не работает:
.span6.row{display: table;}
.span6.row.span3,.span6.row figure{display:table-cell; vertical-align: middle;}
Я тоже пробовал:
.span6.row.span3{display: inline-block; vertical-align: middle;}
Ни один не работает. У кого-нибудь есть идея? Заранее спасибо.