How can I show some Block elements in one line?

Question

I want to show some <li> tags in one line like online elements... how can I change my css attributes to do this?

https://code.sololearn.com/Wn6V2dwWlAf5/?ref=app

Answer 1

Exactly as said by Dmitry, you should also remove or increase the "width" property of the <ul> element in order to see all the items inline.

Fixed:

https://code.sololearn.com/WSCtXaQ7E4N7/?ref=app

Improved:

https://code.sololearn.com/WSGOJtOiCnz1/?ref=app

Feel free to use it if you need.

Answer 2

thanks.

Answer 3

^ ^ ^
|| || ||

Answer 4

You should change 'display' property.