Как вывести элементы горизонтально?

Question

[tarp20]

<nav class="nav">
                    <div class="navbar-brand">Ads</div>
                    <a class="nav-link" href="" >Movies</a>
                </nav>

как вывести Ads и Movies горизонтально?

Comments

[Nikita Undefined]

Что вы имеете в виду? Может вертикально? Или каждый с новой строки?
Если вертикально - вам поможет css rotate. Если с новой строки - то добавьте
или сделайте navbar - width: 100%; (Кстати, переименуйте класс как nav-brand если вы следуете БЭМ методологии).
Ну и href пустым оставлять нельзя (надеюсь у вас там ссылка, якорь или javascript:void(0); иначе валидатор будет ругаться).
Если же вам надо в одну строку оба тега вывести - сделайте.nav-brand { display: inline-block; } или inline. Тег ссылки по умолчанию строчный, но возможно где-то подхватил блочный display: тогда ему тоже следует задать дисплей inline.
Еще один метод - display: flex; flex-wrap: no-wrap;(но он для редких случаев)
Еще один метод - дать .nav-brand {float:left;}. Или вообще все абсолютно или таблично разместить. Решений - море. Бери любое)

[tarp20]

Nikita Dev, спасибо

Answer 1

[elnur228]

Братан кароче Прописывай в html странице либо же в css файле, но лучше задать nav идентификатор либо же class так будет легко работать)
nav{
display:flex;
// Выравнение.

}
// и если тебе нужны отступы внутри nav что бы было красиво а ни в кучу
пиши
.navbar-brand{
padding-left:10px; }
.nav-link{
padding-left:10px;}
// Все отступы убрались внутри nav, если тебе еще какой та помощь нужен напиши мне я помогу тебе)

Comments

[tarp20]

спасибо)