Это пример к статье по css.

Элементы с display: inline-block в 2 и более строки

Образуют две ровные строки. Высота строк определяется высотой находящися на них элементов. Высота контейнера складывается из высоты всех строк.

Inline-block с таблицей
НомерДатаЗанятиеВремя
114.янвHtml и css18:00
223.янвPython18:30
302.февJavascript18:00
405.февAjax18:30

Список внутри inline-block:

Inline-block с картинкой и абзацем

css inline-block

Inline-block с абзацем

Inline-block с текстом
Inline-block с текстом

Inline-block с абзацем

Inline-block с картинкой и абзацем

css inline-block

Список внутри inline-block:

Inline-block с таблицей
НомерДатаЗанятиеВремя
114.янвHtml и css18:00
223.янвPython18:30
302.февJavascript18:00
405.февAjax18:30

Элементы с float-left в 2 и более строки

Блоки разной высоты, переходя на другую строку, начинают «затекать» друг за друга. Контейнер, их содержащий, «схлопывается» по высоте.

Float-left с таблицей
НомерДатаЗанятиеВремя
114.янвHtml и css18:00
223.янвPython18:30
302.февJavascript18:00
405.февAjax18:30

Список внутри float-left:

Float-left с картинкой и абзацем

css Float-left

Float-left с абзацем

Float-left с текстом
Float-left с текстом

Float-left с абзацем

Float-left с картинкой и абзацем

css Float-left

Список внутри float-left:

Float-left с таблицей
НомерДатаЗанятиеВремя
114.янвHtml и css18:00
223.янвPython18:30
302.февJavascript18:00
405.февAjax18:30

Это пример к статье по css.