Только начал изучать css
. Почему элементы с одинаковым параметром width
реально имеют разную ширину? И как это исправить? У меня есть два элемента - заголовок h2
и список ul
. И при одинаковом значении ширины в 300px заголовок уже чем список. Это как-то связано именно со списком? Как мне сделать, чтобы они оба были одинаковой ширины (без подбора значений вручную)?
body {
margin: auto;
width: 60%;
display: block;
}
h2 {
width: 300px;
text-align: center;
border: ridge;
}
ul {
width: 300px;
border: ridge;
}
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>
Title here
</title>
</head>
<body>
<h2>
TODO:
</h2>
<ul>
<li>Make front page</li>
<li>Make new styles</li>
<li>Create database</li>
<li>Write some code</li>
</ul>
</body>
</html>
padding
– meine 23 апр '20 в 14:33