Как получить текст ссылки, чтобы не бежать за пределами Div? ⇐ Html

[Anonymous]

Текст ссылки в моих овалах выходит из самого div.
https://jsfiddle.net/lnbcfml3/образной

Код: Выделить всё

.Nav {
position: relative;
display: inline-block;
height: 100px;
width: 200px;
border-radius: 100px / 50px;
border: 2px solid black;
left: 150px;
-moz-border-radius: 100px / 50px;
-webkit-border-radius: 100px /50px;
text-align: center;
background-color: #FF6600;
}

a {
text-align: center;
}< /code>

[url=C:\Users\user\Desktop\Computer Science\Rugby_Argument.html] Rugby Argument [/url]

[url=C:\Users\user\Desktop\Computer Science\Football_Argument.html] Football Argument [/url]

Подробнее здесь: https://stackoverflow.com/questions/400 ... of-the-div