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

Элементы 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

Элементы inline-block с выравниванием по правому краю

Поскольку свойство text-align наследуется, содержимое блоков тоже прижато к правым границам.

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

Элементы inline-block с центрированием

Поскольку свойство text-align наследуется, содержимое блоков тоже центрировано.

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

Центрированные элементы inline-block с содержанием, выровненным по левому краю

Контейнеру, содержащему строчно-блочные элементы, назначено правило text-align: center. Самим элементам присвоено правило text-align: left.

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

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