- 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;
}
ЗадачиВыполнено
Для тега em задайте следующие свойства:
padding: 10px;,margin: 10px;,border-width: 3px;.