CSS: Выравнивание содержимого блоков по вертикали
Чтобы получилось нечто подобное:
HTML:
|
1 2 3 4 |
<div class="tile2"> <div class="icons_left"><img height="32px" src="/images/list.png"></div> <div class="icons_right" ><img height="32px" src="/images/heart.png"></div> </div> |
CSS:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
.tile2{ grid-template-columns: 50% 50%; display: flex; height: 100%; } .tile2>.icons_left { color: #003264; font-weight: bold; font-size: xx-large; text-align: end; margin: auto; cursor: pointer; } .tile2>.icons_right { color: #003264; font-weight: bold; font-size: xx-large; text-align: left; margin: auto; cursor: pointer; } |