День добрый. Не могу выровнять текст в заголовках по центру таблице, на команды в HTML не реагирует. Что может мешать в коде ниже?
<!DOCTYPE html>
<head>
<meta charset ="utf-8"/>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="12" width="500">
<h1><div class="name"> #FOOD</div></h1>
<table>
<tr><div class="menu">
<th align="center"><a href="https://vk.com/pashinskijj1992"</a></div>VK</th>
<th align="center"><a href="https://www.youtube.com/channel/UC1GzSj4uar7I4Zx-p_4IPcw"</a>YouTube</th>
<th align="center"><a href="https://instagram.com/pashinsky_food?igshid=iqmjrc6va1ti"</a>INSTAGRAM</th>
<th align="center"><a href="https://vm.tiktok.com/ZS93V1Md/"</a>TikTok</th>
</tr></div>
</table>
CSS:
body{
background-color: #E8FB71;
font-family: comic sans ms,bookman,mistral,cursive;
}
.name{
text-indent: 1000px;
font-size: 300%;
font-weight: 1000;
color: #ffffff;
border-style: solid;
border-color: transparent;
border-color: #000000;
background: #000000
}
th{
padding: 10px 20px;
color: #ffffff;
border-bottom: 5px solid #FF00FF;
border: 5px outset;
font-size: 150%;
font-weight: 1000;
text-align: centr
}
table {
text-align: center;
width: 100%;
border-collapse: collapse;
text-indent: 400px;
font-size: 250%;