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> |