Панель навигации

@denzelvee · Регистрация: 22.12.2019

Author24 — интернет-сервис помощи студентам

Нужно пододвинуть ссылку "Отправить заявку вправо". Пробовал в css вызывать отдельно элемент и задавать ему отступы - не получилось.

HTML5

<div class="container">
    
      <ul class="ulclass"
        <a name="about"></a>
        <a class="logo" href="logolink">
          <img class="logo" height = "60%" width="15%" src="лого1.png" alt="DQD">
        </a>
        <li><a href="#about">О компании</a></li>
        <li><a href="#products">Продукты</a></li>
        <li><a href="#clients">Клиенты</a></li>
        <li><a href="#contacts">Контакты</a></li>
        <li><a href="form">Отправить заявку</a></li> 
      </ul>
    
  </div>

CSS

li {
      padding: 20px;
      display: inline;
      position: relative;
      right: 0px;
      bottom: 4px;
   
    }

@Alex Web · 22.12.2019, 12:16

CSS

ul li:last-child {
    float: right;
    padding-top: 0;
}

или

CSS

.ulclass {
    position: relative;
}
 
ul li:last-child {
    position: absolute;
    top: px;
    bottom: -20px;
}

или

CSS

.ulclass {
    display: flex;
}
 
ul li:last-child {
    margin-left: auto;
}

или я не так понял?

@denzelvee · 22.12.2019, 12:32 **[ТС]**

твой вариант понятен) но мне просто надо было селектор правильно записать)

@denzelvee 0 / 0 / 0 Регистрация: 22.12.2019 Сообщений: 2
	22.12.2019, 12:32 [ТС]	3
	твой вариант понятен) но мне просто надо было селектор правильно записать) 0