Разница между inline и block элементами в веб-дизайне заключается в их поведении при отображении на странице: 12

1. Inline элементы не заставляют после себя создавать разрыв строки. 1 Они располагаются в документе рядом с соседними элементами. 1 Примеры: теги , или . 1
2. Block элементы создают новый контекст форматирования блока и, как результат, заставляют после себя создавать разрыв строки. 1 Они занимают всю доступную ширину независимо от её достаточности, всегда начинаются с новой строки и имеют верхние и нижние отступы. 2 Примеры: теги
   ,

   или

   . 1

Выбор между inline и block элементами зависит от задачи веб-дизайнера: если нужно, чтобы элементы оставались в потоке текста, используют inline, а если нужно создавать отдельные разделы или контейнеры — block. 1