- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Горизонтальное выравнивание текста: text-align</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Progressive Enhancement и Responsive Design</h1>
<p class="right">В последнее время набирает популярность подход, который называется responsive design, по-русски адаптивный или отзывчивый дизайн.</p>
<p class="justify">Суть подхода заключается в том, чтобы с помощью определенного набора техник (резиновые сетки, резиновые изображения, CSS media queries) сделать так, чтобы веб-страница адекватно отображалась на различных устройствах: от смартфона до широкоформатного монитора.</p>
</body>
</html>
CSS
h1 {
font-size: 24px;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
Практикуемся выравнивать текст.
- Выровняйте заголовок по центру.
- Абзац с классом
right— по правому краю. - Абзац с классом
justify— по ширине.