делая span и ul на одной линии

0

У меня есть следующая скрипка, я хотел бы, чтобы диапазон и текст 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>
  • 0
    <nobr> работает ... но НЕ используйте его
  • 0
    Вертикально или горизонтально? ваша текущая скрипка показывает, что это горизонтально, и вы хотите, чтобы это было нормально?
Теги:

2 ответа

1
Лучший ответ

Вы можете установить vertical-align по середине на элемент ul.

Однако, почему вам нужен макет настолько сложный? Было бы лучше, если бы каждый элемент был встроенным, без плавающего или встроенного блока.

  • 0
    когда я делаю выравнивание по вертикали в середине, теперь ul немного смещен вниз
  • 0
    Это выглядит хорошо для меня, не могли бы вы сделать скриншот? Тем не менее, вам действительно нужны плавающие и встроенные блоки?
Показать ещё 5 комментариев
0

Это связано с настройками браузера по умолчанию, так же как элемент body также имеет прописку... поэтому мы часто используем что-то вроде normalize, чтобы сбросить все из всех браузеров до 0.

ul{
    margin:0;
    padding:0;
}

И удалите margin-left из #main.sort-container li {...

Это оно

  • 0
    Вы пробовали это решение? Это не похоже на работу ...
  • 0
    Ты уверен? jsfiddle.net/6RJLD/1
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню