Can text be vertically aligned in CSS columns? For example, aligning text to the top, center, or bottom within each column?
I attempted to use vertical-align, but it doesn't seem to work on an unordered list or its items:
html
<div class="nav-banner__list-wrapper">
<ul class="nav-banner__list">
<li class="nav-banner__list-item">Some Item</li>
<li class="nav-banner__list-item">Some Item</li>
<li class="nav-banner__list-item">Some Item</li>
<li class="nav-banner__list-item">Some Item</li>
</ul>
</div>
css
.nav-banner__list {
vertical-align: center;
column-count: 2;
width: 70%;
margin-left: 20px;
}
.nav-banner__list-item {
vertical-align: center;
list-style: none;
}