Sorry I Have this situation:
I have a long menu but I don’t want that collapse, I want just continue on the next line
It is doing that but the result is horrible
This is the css
.navigation li, {
display: inline;
margin-top: 5px;
}
.navigation a:link {
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;
padding: 4px;
color: #ffffff;
border: 2px solid #2304d1;
font-size: 30px;
text-decoration: none;
}
and this is the result
That is horrible… I want that second line have distance from the first and don’t overlay.
I have put margin top but nothing is happening….
2
Answers
You can try bootstrap navbar that probably solve your menu item problem. You can refer w3 school for bootstrap navbar.
The anchor tag wont respect height by default, give it a display of inline-block to have it calculate it’s height in the layout.