logo htlm 5

Ejemplo de display con el valor list item

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>