Rónomierne rozmieszczenie elementów w poziomie

Question

Witam

Mam problem z rozmieszczeniem elementów - otóż chciłbym stworzyn nadrzednego diva, a w środku kilka artykułów np.

<div id="wpisy">

<article>blablabla</article>

<article>blablabla</article>

<article>blablabla</article>

<article>blablabla</article>

</div>

Chciałbym nie określać na sztywno szerokości diva, aby dostosowała sie do przegladarki, a żeby artykuły rozmieszczały się równomiernie na stronie - nie można tego zrobić z margin bo nie wiadomo jaka bedzie szerokosc, wiec float left i margin na xx px niestety nie zadziala.

Ktos zna jakiś dobry sposób?

Answer 1

Pewnie o taki efekt ci chodziło

http://codepen.io/jaca121212/pen/obmERo

Answer 2

https://css-tricks.com/centering-css-complete-guide/

Answer 3

Można i tak:

http://www.w3schools.com/css/tryit.asp?filename=trycss_inline-block_old