В HTML и CSS я человек новый, и потому возник такой вот вопрос. Хочу сделать что-то на подобии кнопки для навигации. Кнопка должна быть, в сути, div-ом, внутри которого находится ссылка. Пока имею такую ситуацию:
.nav_btn
{
float: left;
display: block;
background-color: white;
width: 200px;
height: 100px;
border-radius: 10px;
text-align: center;
}
.nav_btn a
{
text-decoration: none;
}
<div class="nav_btn">
<a href="{% url 'institutes_menu' %}">Навчальні заклади</a>
</div>
nav_btn - родительский div, а внутри него ссылка на страницу. По-идее, ссылка должна располагаться по центру div-а, для чего в css для nav_btn было указанно свойство text-align: center. Вроде как, должно было бы сработать, но нет:
Подскажите пожалуйста, что я сделала не так, или что упустила.