Автоматическое выравнивание абзаца

Question

Я знаю что-то из HTML и CSS, но я был тем для кодирования для PHP-Fusion v7, так что мне не нужно было этого материала вокруг дополнения абзаца (я не знаю, как сказать это на английском, им жаль). Но im для кодирования простого HTML и CSS портфолио для себя, но я застрял в этой проблеме.

Моя проблема herejfiddle И я хочу, чтобы сделать его выглядит следующим образом: screenshot

Может кто-то помочь мне, пожалуйста, с этим? Я не знаю всего, но я быстро знаю, и я не знаю, что положить в Google, чтобы найти свою проблему, поэтому я не могу найти ее здесь:/

Спасибо! Хороший день

Answer 1

Вы должны вставить все ваши Lī элементов к ул, увидеть это:

<ul class="column-center"> 
    <li>Lorem Ipsum is simply dummy text of the printing and typesetting industrytypesetting industrtypesetting industr</li> 
    <li>Lorem Ipsum is simply dummy </li> 
    <li>text of the printing and</li> 
    <li>typesetting industr</li> 
</ul> 

Answer 2

Элементы <li> должны содержаться внутри элемента. Попробуйте создать структуру, как:

<ul> 
    <li>One</li> 
    <li>Two</li> 
    <li>Three</li> 
</ul>