Вопрос Html и css проблема с блоком

Здравствуйте!

Решил изучить HTML и CSS и сделать локальный сайт

Но появилась проблема с отображением блока




Вот HTML блока



<main>

<b>

<center><h1>Добро пожаловать на мой сайт!</h1></center>

<h2>Хз что написать</h2>

<p>Подписывайтесь на мой канал!</p>

</b>

</main>



А вот его CSS



center {

text-align: center

}

main {

background-color: #f2f2f2;

margin: 20px;

padding: 20px;

border-radius: 10px;

box-shadow: 0 0 10px rgba(0,0,0,0.2);

}

main h2 {

font-size: 36px;

margin-top: 0;

}

main p {

line-height: 1.5;

margin-bottom: 10px;

}



Как мне решить эту проблемму?

В смысле background не работает?
Не валидные теги сразу забываем и не пишем...
Всё пишем с первого раза правильго, в b не оборачиваем другие теги

А в чем конкретно у тебя проблема?

проблема в чем?с таким подходом тебе проще на завод пойти

Решил изучать - изучай. Технологии простые. Сторонние советчики не требуются.