Как правильно выравнять элементы

@Kumiko · Регистрация: 10.10.2016

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

Есть код

HTML5

<ul>
   <li><a href="#" class="img">Главная</a></li>
   <li><a href="#" class="img2">Настройки</a></li>
 </ul>

CSS

ul{
    height:140px;
    margin-top: 20px;
}
 
.img, .img2{
    float: right;
    height: 128px;
    width: 128px;
    background: url(../images/after.png) no-repeat;
}

т.к есть float: right - элементы обтекают друг друга и расположены справа. Мне их нужно расположить ближе к центру, как это сделать?

@fol · 27.01.2017, 11:10

CSS

ul{
  text-align:center;
}
ul li {
  display:inline-block;
  vertical-align: middle;
}

и у брать float, который еще и не тем эл-там задан

	27.01.2017, 11:10

Опции темы