Centrar texto en la caja de etiqueta <li>
Publicado por Laura (1 intervención) el 05/01/2019 02:42:45
Hola, estoy tratando de aprender html online y tengo dudas que espero me puedan ayudar, por ahora son muy basicas. Tengo estas cajas que son <li> puestas inline
¿Como hago para que los textos me queden centrados tanto de los costados como de arriba y abajo?
Gracias.
-------------codigo html-----------------------
1
2
3
4
5
6
7
8
<nav>
<ul>
<li id="configuracion">Configuracion</li>
<li id="ventas">Ventas</li>
<li id="compras">Compras</li>
<li id="articulos">Articulos</li>
</ul>
</nav>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#articulos {
background-color: #66ffff;
padding: 53px 53px 10px 10px;
display: inline-block;
}
#compras{
background-color: #66ffff;
padding: 53px 53px 10px 10px;
display: inline-block;
}
#ventas {
background-color: #66ffff;
padding: 53px 53px 10px 10px;
display: inline-block;
}
#configuracion{
background-color: #66ffff;
padding: 53px 53px 10px 10px;
display: inline-block;
}
Valora esta pregunta
0