Здравствуйте! У меня проблема. Ширина кнопок разная. Подскажите, пожалуйста, как единую сделать?
<html>
<head>
<title>Заведение вегетарианское</title>
<script>
document.createElement('aside');
document.createElement('article');
</script>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
</head>
<header>
<img src="C:\drive_d\Работа\Сайт\Фото/лого copy.jpg" alt="" width="200" height="65" hspace="530" vspace="30" border="1" align="center">
</header>
<body>
<body bgcolor="
#A8C711"><body bgcolor="
#78E095"><body bgcolor="
#5BD97D"></body></body>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
<p style="text-align: left"><button><font color="#866333"><strong>Новости</strong>
</font></button>
</aside>
</article>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
<p style="text-align: left"><button><font color="#866333"><strong>О кафе</strong></font></button>
</aside>
</article>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
<p style="text-align: left"><button><font color="#866333"><strong>Меню</strong></f
ont></button>
</aside>
</article>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
<p style="text-align: left"><button><font color="#866333"><strong>Полезная еда</strong></font></button>
</aside>
</article>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
<p style="text-align: left"><button><font color="#866333"><strong>Услуги кафе</strong></font></button>
</aside>
</article>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
<p style="text-align: left"><button><font color="#866333"><strong>Фотографии</stro
ng></font></button>
</aside>
</article>
<style>
aside {
padding: 10px;
width: 10px;
float: left;
}
article {
margin-left: 10px;
display: block;
}
</style>
<p style="text-align: left"><button><font color="#866333"><strong>Партнеры</strong>
</font></button>
</aside>
</article>
</body>
</html>