0

nav a {
  text-align: right;
  color: black;
}

nav ul {
  margin: 0;
  padding: 300;
}

.top-menu li {
  display: inline-block;
  padding: 110px 10px;
  margin: 0;
}
<nav>
  <ul class="top-menu">
    <li><a href="/home/">ГЛАВНАЯ</a></li>
    <li><a href="/active/">ДИЛЕРАМ </a></li>
    <li><a href="/services/">ФОРУМ</a></li>
    <li><a href="/partners/">КОНТАКТЫ</a></li>
  </ul>
</nav>

Как позиционировать список по правому краю ? не получается

4
  • .top-menu li { display: block; float:left; } Commented 20 нояб. 2017 в 19:02
  • не работает вообще
    – artemqwe12
    Commented 20 нояб. 2017 в 19:06
  • можете скрин скинуть как вы хотите сделать? Commented 20 нояб. 2017 в 19:06
  • padding: 300; не верная запись нужно указать единицы измерения к примеру padding: 300px; Commented 20 нояб. 2017 в 19:27

2 ответа 2

1

Когда есть обертка, про нее не надо забывать

nav {
  position: absolute;
  right:0;
}

nav a {
  text-align: right;
  color: black;
}

nav ul {
  margin: 0;
  padding: 300;
}

.top-menu li {
  display: inline-block;
  padding: 110px 10px;
  margin: 0;
}
<nav>
  <ul class="top-menu">
    <li><a href="/home/">ГЛАВНАЯ</a></li>
    <li><a href="/active/">ДИЛЕРАМ </a></li>
    <li><a href="/services/">ФОРУМ</a></li>
    <li><a href="/partners/">КОНТАКТЫ</a></li>
  </ul>
</nav>

1

Измените nav a{ на nav { и задайте ширину на 100%;

nav {
  text-align: right;
  
  background-color: skyblue;
  width: 100%;
}

nav a{
  text-decoration: none;
  color: black;
  cursor: pointer;
}

nav a:hover{
  color: blue;
}


nav ul {
  margin: 0;
  list-style: none;
}

.top-menu li {
  display: inline-block;
  padding: 10px;
  margin: 0;
}
<nav>
  <ul class="top-menu">
    <li><a href="/home/">ГЛАВНАЯ</a></li>
    <li><a href="/active/">ДИЛЕРАМ </a></li>
    <li><a href="/services/">ФОРУМ</a></li>
    <li><a href="/partners/">КОНТАКТЫ</a></li>
  </ul>
</nav>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.