Tema: Mantener bullet en listas inline-block
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 13/04/2015, 16:34
superweb360
(Desactivado)
  
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 1 mes
Puntos: 74
Respuesta: Mantener bullet en listas inline-block
Solución 1
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.   <style>
  5.  li {display: inline-block;}
  6.  li:before {
  7.  content:'>';
  8.  margin-right:5px;
  9. }
  10.   </style>
  11.   </head>
  12.   <body>
  13.     <ul>
  14.     <li>Elemento 1</li>
  15.     <li>Elemento 2</li>
  16.     <li>Elemento 3</li>
  17.     <li>Elemento 4</li>
  18.     </ul>
  19. </body>
  20. </html>

Solución 2
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.   <style>
  5.  li {display: inline-block;}
  6.   </style>
  7.   </head>
  8.   <body>
  9.     <ul>
  10.     <li>&bull;&nbsp;Elemento 1</li>
  11.     <li>&bull;&nbsp;Elemento 2</li>
  12.     <li>&bull;&nbsp;Elemento 3</li>
  13.     <li>&bull;&nbsp;Elemento 4</li>
  14.     </ul>
  15. </body>
  16. </html>