Nadawanie stylu do rozmieszczenia li obok siebie a nie pod soba

Question

Hej mam pytanie jesli mam

<ul>
  <li>1</li>
  <li>2</li>
</ul>

Da rade zrobic tak zeby wydrukowalo sie

1 2

a nie

1

2

Dzieki

Answer 1

float: left

dla li (trzeba pamiętać o czyszczeniu opływania), flexbox

Comments

Jeśli chodzi o czyszczenie opływania, to w 99% wypadków wystarczy nadać overflow: hidden rodzicowi (w tym przypadku chodzi o <ul>), ponieważ zadziała tak samo (dolna krawędź elementu dostanie clear: both).

Natomiast osobiście używam - jeśli nie mogę overflow - pseudoelementu, ale takiego z display: block; i osobiście nie widzę powodu używania display: table. Znasz może ten powód?

---

Ja sam używałem display: block; w pseudoelemencie, a co do display: table;

The use of `table` rather than `block` is only necessary if using  `:before` to contain the top-margins of child elements.

---

Dzięki.

Answer 2

Możesz zrobić również tak:
https://jsfiddle.net/pxvgzLLr/