Espacio en blanco sobre texto
Publicado por Israel (51 intervenciones) el 23/04/2021 22:14:44
Se trata de un encabezado (<h1>). Genero un borde para esta etiqueta y un line-height de 1 para que se ajuste la altura de su caja estrictamente a la altura del texto. Según tengo entendido:
line height= font size + interlineado
Al poner line-height=1 eliminamos el interlineado y hacemos coincidir la altura del contenedor a la altura del tamano del texto,,,,,,,,,,,,pues no, auque se ajusta el texto al contenedor por abajo, sobre el texto queda un pequeno hueco entre texto y contenedor. Sabe alguien pq???
line height= font size + interlineado
Al poner line-height=1 eliminamos el interlineado y hacemos coincidir la altura del contenedor a la altura del tamano del texto,,,,,,,,,,,,pues no, auque se ajusta el texto al contenedor por abajo, sobre el texto queda un pequeno hueco entre texto y contenedor. Sabe alguien pq???
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Altura de rectangulo asociado al texto</title>
<style>
body{ border:1px solid red;
margin:0;}
h1{border:1px solid black;
margin:0;line-height:1;}
</style>
</head>
<body>
<h1>Esto es un titular principal</h1>
</body>
</html>
Valora esta pregunta
0