Задать вопрос

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

Добрый день всем!) Подскажите как можно выравнить по столбцам, не использую таблицу?

bbdd2f8f8ffb4e458de456398ac70660.jpg
<ul>
	<li>
		<a>
			<span>Имя</span>
			<span>Фамалия</span>
			<span>30.03.1990</span>
		</a>
	</li>
	<li>
		<a>
			<span>Имя</span>
			<span>Фамалия</span>
			<span>30.03.1990</span>
		</a>
	</li>
</ul>
  • Вопрос задан
  • 2238 просмотров
Подписаться 4 Оценить Комментировать
Решения вопроса 1
@Hancock_888 Автор вопроса
li { display: table-row-group; }
 a { display: table-row !important; }
span { display: table-cell; }
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Зафиксировать ширину в px или %:
ul { list-style: none; }
li > a > span:nth-of-type(1) { display: inline-block; width: 50px;  }
li > a > span:nth-of-type(2) { display: inline-block; width: 100px;  }
li > a > span:nth-of-type(3) { display: inline-block; width: 50px;  }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы