Como poder alinear lista de elementos en div con sombreado en html5



   AUTOR PREGUNTA

Publicado 17 octubre 2013 - 13:20

Buenos días a todos!

¿Cómo puedo alinear una lista de elementos que se encuentran dentro de un div y usan una clase para sombrear los mismos de un color en específico?

gracias.


¿Tienes la misma pregunta? Yo también

 

Publicado 17 octubre 2013 - 15:18

Hace algún tiempo tuve que hacer algo parecido, lo importante es darle los valores adecuados tanto a margin/padding y usar diferentes clases para lograr el efecto adecuado como el ejemplo a continuación:

<html><head>
<style type="text/css">
.menublue{
width: 200px;
}
ul#ulCategoryMenu {
background-color: white;
margin: 0;
padding: 0;
list-style-type: none;
}
ul#ulCategoryMenu li {
background-color: #BCD2E6;
margin: 2px 0 2px 0;
padding: 0 0 0 10px;
}
</style>
</head>
<body>
<div class="menublue" id="divCategoryMenu" name="divCategoryMenu">
<ul id="ulCategoryMenu" name="ulCategoryMenu">
	 <li><label>Nombre1</label></li>
	 <li><label>Nombre2</label></li>
</ul>
</div>
</body>
</html>