<h2>block</h2>
<ul>
<li>Блочные элементы располагаются один над другим, вертикально (если нет особых свойств позиционирования, например float).</li>
<li>Блок стремится расшириться на всю доступную ширину. Можно указать ширину и высоту явно.</li>
</ul>
<p>Блоки прилегают друг к другу вплотную, если у них нет margin.</p>
<h2>inline</h2>
<ul>
<li>Элементы располагаются на той же строке, последовательно.</li>
<li>Ширина и высота элемента определяются по содержимому. Поменять их нельзя.</li>
</ul>
<p>Содержимое инлайн-элемента может переноситься на другую строку.</p>
<p>При этом каждая строка в смысле отображения является отдельным прямоугольником («line box»). Так что инлайн-элемент состоит из объединения прямоугольников, но в целом, в отличие от блока, прямоугольником не является.</p>
<p>Если инлайн-элемент граничит с блоком, то между ними обязательно будет перенос строки.</p>