Cómo centrar marcadores gráficos en listas
Publicado por Israel (51 intervenciones) el 29/01/2021 15:40:58
He incluido un marcador grafico, en formato .jpg a un listado por medio de la propiedad list-style-image. Pero el marcador aparece demasiado grande y no se centra con el texto del listado. Cómo puedo solucionarlo?
Este es el código HTML-CSS:
Un saludo.
Este es el código HTML-CSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS Typography</title>
<style>
ul{
list-style-image:url(marcador1.jpg);}
li{
padding-top:-15px;
padding-bottom:-15px;}
</style>
</head>
<body>
<div class="main">
<h1><strong>CSS</strong> The Missing Manual</h1>
<h2>Exploring Typographic Possibilities</h2>
<p>november 30 <strong>Rod Dibble</strong></p>
<ul>
<li>Lorem Ipsum</li>
<li>Reprehenderit qui in ea</li>
<li>Lorem Ipsum</li>
<li>Reprehenderit qui in ea</li>
<li>Lorem Ipsum</li>
<li>Reprehenderit qui in ea</li>
</ul>
<h3>Esse quam nulla</h3>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? <em>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</em> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
<h3>Quis autem vel eum</h3>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? <strong>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? </strong>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
</div>
</body>
</html>
Un saludo.
- marcador2.zip(1,6 KB)
Valora esta pregunta
0