Как центрировать блок?

175
02 октября 2018, 19:30

Добрый день изучаю верстку , и в примере в меню цена есть 3 блока с описанием цен и тд.Проблема в том что он разложил эти блоки по grid колонкам и получается у него одна колонка слева другая в середине 3 справа ,я же хочу написать эти колонки без grid.css даю колонкам float:left и и посленей колонке last-child:right но вот средний элемент не могу центрировать в голове дать ему margin-left но думаю это косяк((( как правильно это сделать ?

Answer 1

.wrapper>div { 
  background: green; 
} 
 
.wrapper { 
  width: 100%; 
  text-align: center; 
} 
 
.a { 
  float: left; 
} 
 
.b { 
  display: inline-block; 
} 
 
.c { 
  float: right; 
}
<div class="wrapper"> 
  <div class="a">1</div> 
  <div class="b">2</div> 
  <div class="c">3</div> 
</div>

READ ALSO
Почему не изменяется scroll?
javascript

Почему не изменяется scroll?

Всем приветПри загрузке страницы, scroll должен сразу же сам изменять свое положение на 500px от top'a

 198
Интересная галерея с кареткой
javascript

Интересная галерея с кареткой

Нашел интересную галерею

 161
Jquery modal gallery не работают две колонки
javascript

Jquery modal gallery не работают две колонки

Всем добрый деньСтолкнулся такой проблемой

 174
стрелочные функции [дубликат]
javascript

стрелочные функции [дубликат]

На данный вопрос уже ответили:

 235