JSFiddle - React, Tailwind, and code Playground

by Noruas

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <div>
        <ul>
            <li>Precio: 300€</li>
            <li>Precio: 400€</li>
            <li>Precio: 500€</li>
        </ul>
    </div>
</body>
</html>

CSS

div {margin:0px auto; width: 400px; padding-top:30px;}
li {
 display: block;
 width:303px; /*Ancho de la imagen de fondo - los padings laterlaes*/
 height: 42px; /*Alto de la imagen de fondo - los padings superiores e inferiores*/
 padding:  24px 0px 0px 0px; /* Centra la imagen verticalmente en funcion del  tamaño del bloque y del tamaño de la fuente de texto*/
 background: url(http://i45.tinypic.com/if3p7r.jpg) no-repeat;
 color: #F00;
 text-align: center;
 font-weight: bold;
 list-style:none; /*Asegurate de usar esta opcion para quitar los iconos de lista*/
}