<https://jsfiddle.net/LnbcfmL3/>

Html

```
<div class="Nav">
            <a href="C:\Users\user\Desktop\Computer Science\Rugby_Arguement.html"> Rugby Arguement </a>
        </div>
        <div class="Nav">
            <a href="C:\Users\user\Desktop\Computer Science\Football_Arguement.html"> Football Arguement </a>
        </div>

```

CSS

```
.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;
}

```

That's what I've got so far and the link text in my ovals is running out of the div itself. I've tried things suggested in other questions for about 2 hours now and nothing seems to work. Thanks in advance.