Я новичок в html и css. У меня есть простая страница с элементами h2 и ul. Оба они имеют одинаковую ширину, но на странице их ширина различна: h1 на 40 пикселей короче, чем ul. Почему? А как сделать их одинаковой ширины?
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>