29 lines
1.2 KiB
HTML
29 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="uk">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Блокові та Інлайнові</title>
|
||
<link rel="stylesheet" href="style1.css">
|
||
</head>
|
||
<body>
|
||
<h1>Блокові (div) та Інлайнові (span)</h1>
|
||
|
||
<h2>Блокові елементи (div)</h2>
|
||
<div class="block">
|
||
Це блоковий елемент div. Він займає всю доступну ширину і завжди починається з нового рядка.
|
||
</div>
|
||
<div class="block">
|
||
Це другий елемент div. Він також починається з нового рядка.
|
||
</div>
|
||
|
||
<h2>Інлайнові елементи (span)</h2>
|
||
<p>
|
||
Це параграф, а всередині нього є
|
||
<span class="inline">елемент span (інлайновий)</span>.
|
||
Він залишається в потоці тексту і займає лише необхідну йому ширину.
|
||
<span class="inline">Ось ще один span</span>, який продовжує той самий рядок.
|
||
</p>
|
||
|
||
</body>
|
||
</html> |