- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Блочная модель и строчные боксы</title>
<link rel="stylesheet" href="setting.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>Элементы со <em>строчным боксом</em> воспринимают лишь часть свойств <em>блочной модели</em>. В частности, они не реагируют на <em>ширину</em> и <em>высоту</em>, но частично реагируют на <em>отступы</em>, а <em>рамки</em> воспринимают отлично.</p>
<p>Горизонтальные рамки и отступы увеличивают размер элементов со <em>строчным боксом</em>, а вертикальные визуально увеличивают размер, но не занимаемое элементом пространство.</p>
</body>
</html>
CSS
body {
padding: 0 20px;
}
p {
padding: 5px;
}
em {
border-width: 0;
border-style: solid;
border-color: #6a6a6a;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
Для тега em
задайте следующие свойства:
padding: 10px;
,margin: 10px;
,border-width: 2px;
.