Виворітка
Тема:текст
Зробіть текст, як показано на зображенні 1. Використайте шрифт Impact.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Острій перець</title>
<style>
body {
margin: 0; /* Видаляємо відступи на сторінці */
}
.pepper {
background: #ED1C24; /* Фон */
min-height: 100px; /* Мінімальна висота */
font: 60px Impact, sans-serif; /* Параметри шрифту */
color: #fff; /* Колір тексту */
white-space: nowrap; /* Забороняємо переноси тексту */
padding-left: 20px; /* Відступ зліва */
position: relative; /* Відносинне позиціонування */
}
.pepper span {
position: absolute; /* Абсолютне позиціонування */
bottom: -13px; /* Зсуваємо текст вниз */
}
</style>
</head>
<body>
<div class="pepper"><span>острий перець</span></div>
</body>
</html>