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

244

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>

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

273

javascript

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

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

235

javascript

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

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

282

javascript

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

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

324