https://i.sstatic.net/bBbkU.png
How can I create a CSS menu with borders that do not overflow off the page when using margin:0;
I am trying to add a border to my CSS links without them overflowing on top of the page. I have imported my custom.css file into index.php. I would like to keep body{margin:0;background-color:#ddd;color:#0000ff;}
html{
font-family:sans-serif;
font-size: 14px;
}
body{
margin:0;
background-color:#ddd;
color:#0000ff;
}
a{
font-family:sans-serif;
font-size: 18px;
background-color:#000;
color:#fff;
border-style: solid;
border-color: red;
padding: 5px;
border-width: 5px;
}
a:hover {
font-family:sans-serif;
color:#83F52C;