Как сделать блоки одинаковой высоты (Только совет, не задача)?

Question

[Js1]

<li>
			<a href="...." rel="." class="popup" title="">
				<img src="....................................." />
				Тут текст
			</a>
		</li>

Но из-за разного количества текста блоки то поднимаются, то опускаются, нужно сделать именно с <a> без дивов как лучше это реализовать?

Answer 1

[x404]

у li пропишите
display: inline-block; vertical-align: top;
и они будут прижаты к верху

Comments

[Js1]

Большое спасибо!

Answer 2

[Павел]

Нужно использовать свойство vertical-align: top; // или bottom, а по умолчанию блоки выравниваются по baseline

Answer 3

[Андрей Федоров]

Нужно внедрить вертикальное позиционирование. В зависимости от того как у вас реализован контейнер для блоков, это может быть vertical-align, position: absolute; bottom: 0;, или align-content. Могут быть и другие варианты. Не хочется анализировать скриншот, чтобы догадываться как у вас сделано.

Comments

[Js1]

Li сделаны через display: inline-block, спасибо Сергей Сыса за vertical-align:top

Answer 4

[zdiii]

display:flex;

Answer 5

[Anima-ana]

юзай flexbox
https://css-tricks.com/fluid-width-equal-height-co...