Я делаю навигационное меню, которое я хочу расположить в правом верхнем углу моей страницы.Я хочу, чтобы элементы были выровнены по горизонтали, но я не могу заставить их работать.Это сводит меня с ума, потому что я не могу понять, что я делаю неправильно.Буду очень признателен за помощь.
HTML:
<div v-if="items" class="main-nav">
<nav>
<ul>
<li v-editable="item" :key="index" v-for="(item, index) in items" :class="{ highlighted: item.highlighted }">
<LinkType class="nav-link" :link="item.link" :linkText="item.name">{{ item.name }}</LinkType>
</li>
</ul>
</nav>
</div>
CSS:
.main-nav
{
width: auto;
height: auto;
position: absolute;
top: 0;
right: 0;
float: right;
transform: translateX(0%);
background: #424242;
> ul
{
> li
{
display: inline-block;
.nav-link{
}
}
}
}