Hi I am trying to build a vertical menu with an UL but i want that all the links have the same width independently of the length of the text...so for now my ugly menu have this code:\[code\]<html><head> <link href="http://stackoverflow.com/questions/13762870/gg.css" rel="stylesheet" type="text/css"> <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'></head><body><div id="x"> <ul> <li><a href="http://stackoverflow.com/questions/13762870/#">Home</a></li> <li><a href="http://stackoverflow.com/questions/13762870/#">Quem somos</a></li> <li><a href="http://stackoverflow.com/questions/13762870/#">Blog</a></li> <li><a href="http://stackoverflow.com/questions/13762870/#">Onde Estamos</a></li> <li><a href="http://stackoverflow.com/questions/13762870/#">Contactos</a></li> </ul></div></body></html>\[/code\]and this css:\[code\]body{font-family: 'Droid Sans', sans-serif;background-color:#D0DCE8;}ul{list-style:none;margin:0px;padding:0px;}li{display:table;background-color:#FFC0CB;}a{text-decoration:none;color:#4183A7;padding:10px 40px;background-color:#FFC0CB;display:block;}a:hover{ color:#6B9CD0;}#x{width:150px;}\[/code\]i couldn't find anywhere a way of making all the have the same width...
Making all the <li> in vertical menu the same width CSS
- Thread starter natlus
- Start date