Centrowanie obiektów z float:left

Question

witam, w jaki sposób mogę wycentorwać 6 divów[150px szerokosc/ wtysokosc], które są w jednym divie 960px szerokość
w taki sposób aby szły od środka i były przy sobie?

Comments

w taki sposób aby szły od środka

Co autor miał na myśli 

---

no po prostu były wyśrodkowane

---

Pokombinuj z display:flex i justify-content:center;

Answer 1

Może tak: http://codepen.io/Nicolaus/pen/xgzWQZ

Answer 2

W ten sposób:

http://codepen.io/anon/pen/YNvYgJ

Gdybyś któregoś z elementów nie znał:

https://developer.mozilla.org/en-US/

text-align - Bo najprościej. :)

Comments

elementy znam ale cały czas myślałem że text-align służy tylko do środkowania tekstu przez słówko "text"
dlaczego w tym wypadku wyśrodkowane zostały divy?

---

The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements, only their inline content.

https://developer.mozilla.org/en-US/docs/Web/CSS/text-align 

Answer 3

Witam. Jeżeli chcesz ustawić centralnie na stronie sześć divów(float: left) o szerokości 150px to razem mają 900px. jeżeli użyjesz jeszcze np: obramowań dla tych divów to musisz je doliczyć. I najlepiej zrobić pojemnik na te divy o takiej właśnie szerokości i go wycentrować za pomocą margin: 0 auto; A jeżeli się uprzesz, że opakowanie ma mieć 960px to różnicę dzielisz przez dwa i dajesz lewy margines dla pierwszego diva o tej właśnie szerokości i też jest git.

np:

<div class="opakowanie">
  <div class="float odstep"></div>
  <div class="float"></div>
  <div class="float"></div>
  <div class="float"></div>
  <div class="float"></div>
  <div class="float"></div>
</div>

.opakowanie{
  width: 960px;
  margin: 0 auto;
  border: 1px solid red;
  overflow: hidden;
}

.float{
  float: left;
  width: 150px;
  height: 50px;
  background: #333;
  border: 1px solid red;
}
.odstep{
  margin-left: 24px;
}
.class:after{
  content: "";
  display: block;
  clear: both;
}

Przy float left nie zapominaj o wyczyszczeniu pływaków.