Выравнивание элементов списка по центру равномерно

Question

Так что сейчас мои элементы списка расположены по центру страницы, но выглядит он очень неаккуратно, потому что точки не выровнены друг с другом. Мне было просто интересно, как я мог это сделать. Вот фрагмент кода:

HTML

<div id="list">
        <li>February 24, 1955: A Star was born. Jobs steps on the scene.</li>
        <li>1970: A friendship blossums. Steve Meets Steve Wozniac the soon to be co-founder of Apple.</li>
        <li> September 18th, 1972: Steve would graduate from highschool and enter college only to leave a semester later. He would continue to sit in on classes, most likely trying to get ideas for his soon to be built company.</li>
        <li>January 3, 1977: Apple incorporates.
</li>
        <li>December 12, 1980: Apple goes public. It's estimated that Jobs is worth 200 million at this point in his career.</li>

CSS:

#list {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: grey;
  length: 150px;
  font-size: 22px;
  width: 100%;

}

li {


  text-align: center;

}

Answer 1

Вам не нужен flexbox для этого. Просто удалите два text-align: center установленных вами правила.

Также удалить length: 150px; length недопустимое свойство. В дополнение к этому, <div> является не действительным родителем из <li>; вам захочется <ul> или <ol>. <menu> также допустим, вместе с устаревшим тегом <dir>.

Это можно увидеть в следующем:

#list {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: grey;
  font-size: 22px;
  width: 100%;
}

<ul id="list">
  <li>February 24, 1955: A Star was born. Jobs steps on the scene.</li>
  <li>1970: A friendship blossums. Steve Meets Steve Wozniac the soon to be co-founder of Apple.</li>
  <li> September 18th, 1972: Steve would graduate from highschool and enter college only to leave a semester later. He would continue to sit in on classes, most likely trying to get ideas for his soon to be built company.</li>
  <li>January 3, 1977: Apple incorporates.</li>
  <li>December 12, 1980: Apple goes public. It's estimated that Jobs is worth 200 million at this point in his career.</li>
</ul>