Рядкові елементи

Вступ

В HTML (мові гіпертекстової розмітки — Hypertext Markup Language) елементи бувають блокові або рядкові. Рядковий елемент займає стільки місця в рядку, скільки вимагає розмір самого елемента, і його вплив обмежується тегами, які цей елемент визначають. Приклади у цій статті пояснюють, як працюють рядкові елементи.

Приклад рядкового елемента

HTML

<p>Цей <span>span</span> є рядковим елементом; колір його бекграунда змінений, щоб показати початок і кінець елемента.</p>

CSS

span { background-color: #8ABB55; }

Рядкові vs. блокові

Модель контенту
Зазвичай рядкові елементи можуть містити лише дані та інші рядкові елементи.
Форматування
За замовчуванням, рядкові елементи не починаються з нового рядка.

Елементи

Ці елементи є рядковими:

<a> (en-US)
<b> (en-US)
<big> (en-US)
<i> (en-US)
<small> (en-US)
<tt> (en-US)
<abbr> (en-US)
<acronym> (en-US)
<cite> (en-US)
<code> (en-US)
<dfn> (en-US)
<em> (en-US)
<kbd> (en-US)
<strong> (en-US)
<samp> (en-US)
<time> (en-US)
<var> (en-US)
<bdo> (en-US)
<br> (en-US)
<img> (en-US)
<map> (en-US)
<object> (en-US)
<q> (en-US)
<script>
<span> (en-US)
<sub> (en-US)
<sup> (en-US)
<button> (en-US)
<input>
<label> (en-US)
<select> (en-US)
<textarea> (en-US)

Також дивися