Bueno tengo un problema no se me ocurre cual es la solucion resulta que la lista deberia de ser numerada pero me muestra todos los elementos con el numero 1
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Ag666" />
<title>Sin título 1</title>
<style>
.post-outer ol{
margin-left:0;
padding-left:0
}
.post ol li{
position:relative;
margin:0 0 20px 2em !important;
padding:4px 8px !important;
list-style:none;
*list-style: decimal;
}
.post ol li:before{
counter-increment:li;
content:counter(li);
position:absolute;
top:-8px;
left:-39px;
font-family:'Oswald', serif;
font-size:40px; /*tamaño de la fuente*/
width:34px;
margin:0 0 10px 0;
padding:4px !important;
color:#000;
text-align:center;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="post">
<ol>
<li>El contenido del 1er. elemento</li>
<li>El contenido del 2do. elemento</li>
<li>El contenido del 3er. elemento</li>
<li>El contenido del 4to. elemento</li>
</ol>
</div>
</div>
</body>
</html>