Jak wyśrodkować 3 divy w jednej linii???

Question

Mam 4 divy. Jeden z nich to kontener mający 1000px długości. w tym divie chce umieścić trzy divy w jednej linii, z tym że jeden div ma przylegać do lewej krawędzi, drugi do prawej natomiast trzeci ma być wyśrodkowany. Niech każdy z tych diwów ma 300px długości. Co mam wpisać w cssie?

Answer 1

Obczaj sobie to to będziesz wiedział https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Comments

o coś takiego mi chodziło dzięki

Answer 2

<div class='container'>
  <div class='x'>a</div>
  <div class='x'>b</div>
  <div class='x'>c</div>
</div>

.container{
  display:flex;
  width:1000px;
  justify-content:space-between;
  margin: auto;
}
.x{
  width:300px; 
  background-color:red;
  text-align:center;
}

 

Comments

Pani/ie Wichura ale to nie działa to raz, ja nie chce wyśrodkować tekstu w divie tylko całego diva w którym będzie się znajdował nie tylko tekst ale i zdjęcie zupełnie tak jak jest na stronie głównej pasja informatyki to dwa, a po trzecie chce aby pierwszy div przylegał do lewej krawędzi, drugi był wycentrowany a trzeci przylegał do prawej krawędz.

---

https://codepen.io/anon/pen/paMJZN co nie działa ?

---

No i jeśli drugi div ma być trzeci(czyli ostatni):
 

.container :nth-child(2) {
    order: 3;
}

 

---

@k.wichura,

Zwracam honor i dziekuje za pomoc ;)