У меня есть следующая скрипка, я хотел бы, чтобы диапазон и текст ul были вертикально выровнены. Прямо сейчас текст ul, кажется, немного немного сдвинулся, не может понять, почему это так. Здесь соответствующий html:
<div id="main">
<div class="row sort-container">
<span class="sort-by brandon-grotesque-regular">
Lihat berdasarkan:
</span>
<ul class="arvo-regular clearfix">
<li><a class="" href="?sort=popular">Barang Terpopuler</a></li>
<li><a class="" href="?sort=terbaru">Barang Terbaru</a></li>
</ul>
</div>
</div>
Вы можете установить vertical-align
по середине на элемент ul.
Однако, почему вам нужен макет настолько сложный? Было бы лучше, если бы каждый элемент был встроенным, без плавающего или встроенного блока.
Это связано с настройками браузера по умолчанию, так же как элемент body также имеет прописку... поэтому мы часто используем что-то вроде normalize, чтобы сбросить все из всех браузеров до 0.
ul{
margin:0;
padding:0;
}
И удалите margin-left из #main.sort-container li {...
Это оно
<nobr>
работает ... но НЕ используйте его