estilos propiedades

Ejemplo de display con el valor list item

Código Resultado

Código	Resultado
`<html> <head> <style type="text/css"> #test1 { display: list-item; list-style-image: url(img/punto.gif); list-style-position: inside; } </style> </head> <body> <p>El valor list-item de la propiedad display nos permite convertir diferentes elementos como "p", "span", "div", etc. en Ítems de un listado.</p> <div id="test1">Ítem 1</div> <span id="test1">Ítem 2</span> <p id="test1">Ítem 3</p> </body> </html>`


	  <html>

	    <head>

	    <style type="text/css">

	    #test1

	    {

	    display: list-item;

	    list-style-image: url(img/punto.gif);

	    list-style-position: inside;

	    }

	    </style>

	    </head>

	    <body>

	    <p>El valor list-item de la propiedad display nos permite convertir diferentes elementos como "p", "span", "div", etc. en Ítems de un listado.</p>

	    <div id="test1">Ítem 1</div>

	    <span id="test1">Ítem 2</span>

	    <p id="test1">Ítem 3</p>
	
	    
	  
	  	  </body>

      </html>