Это пример к статье по 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 с заданной шириной

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 c ограничением по ширине

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.