Bymas | Размещение текста в блоке

Тема закрыта by

Gazro
Причина:

Gazro (06.08.2017 в 13:18)
SENSEI , а если нету желания использовать какие-либо заготовки? Без фреймворков нереально сделать конфетку?

  
 <style> 
         #justify { 
             text-align: justify; 
             width: 500px;/*ширина блока для примера*/ 
             height: 100px;/*высота блока для примера*/ 
             display: table-cell; 
             vertical-align: middle; 
             border: 1px solid red;/*граница блока, чтобы видеть пример*/ 
         } 
         #justify:after { 
             content: ""; 
             display: inline-block; 
             width: 100%; 
         } 
     </style> 
 <div id="justify"> 
     Текст в центре блока по ширине блока 
 </div>

Изображение

------

48401_.PNG (2.0 Kb)
Скачиваний: 145

________
посл. ред. 06.08.2017 в 14:22; всего 1 раз(а); by PhpStorm