Hello!

How to make the words were the entire width of the block? As in the WORD. That is, even let 1 or 2 letters from the word be on the 1st line and the rest of the word is transferred to the 2nd line. Generally speaking Complete filling of the block with the text.

Here is the code

Link to JSFIDDLE

<!-- vygoda wrapper --> <div class="vygoda" id="vygoda"> <div class="title">Выгодная покупка</div> <div class="wrapper"> <div class="vygoda-item"> <div class="vygoda-img"></div> <div class="vygoda-content"> <h2>Детская и спортивная площадки:</h2> <p> Вам больше не надо тратить время на поиски просторной и безопасной детской площадки. Она будет прямо около дома на огороженной и территории. </p> </div> </div> <div class="vygoda-item"> <div class="vygoda-img"></div> <div class="vygoda-content"> <h2>Персональная парковка:</h2> <p> В нашем доме запланирована бесплатная закрытая стоянка. Теперь Вам и Вашим гостям больше не придется искать место для парковки автомобиля. </p> </div> </div> <div class="vygoda-item"> <div class="vygoda-img"></div> <div class="vygoda-content"> <h2>Огороженная территория:</h2> <p> Наш жилой комплекс является закрытой территорией. Вам больше не нужно волноваться за безопасность своих детей. Транспортные средства также защищены. </p> </div> </div> <div class="vygoda-item"> <div class="vygoda-img"></div> <div class="vygoda-content"> <h2>Высокий уровень теплоизоляции:</h2> <p> Мощные стены в два кирпича с толстым слоем утеплителя делают дом неуязвимым к холодам. В Вашей квартире будет всегда тепло и уютно. </p> </div> </div> </div> </div><!--/. vygoda wrapper -->

    2 answers 2

    I hope this is what you need.

     p {text-align: justify;}
    • exactly) it turned out to be simple. - AlibekKulseitov

    A more complete answer and takes into account hyphenation:

     p { text-align: justify; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } 
     <p> Как сделать так , чтобы слова были на всю ширину блока? Как в WORD. То есть даже пусть 1 или 2 буквы от слова будут на 1-ой строке а остальная часть слова переносится на 2-ую строку. Вообщем говоря Полное заполнение блока текстом. Как сделать так , чтобы слова были на всю ширину блока? Как в WORD. То есть даже пусть 1 или 2 буквы от слова будут на 1-ой строке а остальная часть слова переносится на 2-ую строку. Вообщем говоря Полное заполнение блока текстом. Как сделать так , чтобы слова были на всю ширину блока? Как в WORD. То есть даже пусть 1 или 2 буквы от слова будут на 1-ой строке а остальная часть слова переносится на 2-ую строку. Вообщем говоря Полное заполнение блока текстом. </p>

    • Can you add, please, also a running example for clarity? - Vadim Ovchinnikov
    • @VadimOvchinnikov is ready. - Vadizar