Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   вертикальное выравнивание (https://javascript.ru/forum/xhtml-html-css/36828-vertikalnoe-vyravnivanie.html)

torsar 28.03.2013 18:20

вертикальное выравнивание
 
<div style="width:25px ; height:100px; border-style:solid">
    <span style="display:table-cell; vertical-align: middle;">t</span>
</div


Не работьает
Как выровнять текст по вертикали?

danik.js 28.03.2013 18:31

<!DOCTYPE html>
<div style="display:table-cell; vertical-align: middle;width:25px ; height:100px; border-style:solid">
    <span>t</span>
</div

torsar 28.03.2013 19:15

у дива float: left
не работает выравнивание

http://learn.javascript.ru/play/7MEkkb

danik.js 28.03.2013 19:53

<!DOCTYPE html>
<div style="float:left; line-height:100px; width:25px ; height:100px; border-style:solid">
        <span>t</span>
</div


<!DOCTYPE html>
<div style="float:left;width:25px ; height:100px; border-style:solid">
  <div style="height:100px; display:table-cell; vertical-align: middle;">
        <span>t</span>
  </div>
</div


Часовой пояс GMT +3, время: 13:35.