0

Estoy tratando de averiguar cómo eliminar los márgenes que aparecen por arriba y por abajo de mi texto en el ejemplo, sin embargo solo con css no encuentro soluciones.

body {
  margin=0;
  padding=0;
}
.paco {
  background: black;
  color: white;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
}
<div class=paco>AGITA PACO</div>

2
  • puedes explicar el problema, ya que ninguna de las 2 respuestas (ambas correctas) te sirvio? el 31 mar. 2016 a las 10:30
  • quise decir ambas correctas frente a la explicación que diste. el 31 mar. 2016 a las 13:23

4 respuestas 4

1

Intente definiendo el margin y padding del body

body {
  margin:0;
  padding:0
}

.paco{
  background:black;
  color:white;
  display:inline-block;
}
<div class=paco>AGÜITA PACO</div>

6
  • Y no funciona; será que no es posible?
    – Ivan Soler
    el 30 mar. 2016 a las 21:57
  • que no funciona ? definiendo los margenes del body quitas los espacios superior y lateral el 30 mar. 2016 a las 22:05
  • Sigue habiendo píxeles negros entre las letras y el espacio blanco; por arriba y por abajo.
    – Ivan Soler
    el 30 mar. 2016 a las 22:07
  • pixel negro ? estas definiendo el background:black; o sea el fondo del div es negro el 30 mar. 2016 a las 22:10
  • me parece que ya se a lo que te refieres, pero creo que ese espacio es propio de la fuente de texto. Si cambias por ejemplo a font-family:verdana veras como ese espacio al menso el superior cambia el 30 mar. 2016 a las 22:12
1

Estoy seguro de que si pones esto te servirá.

*{
  margin:0;
  padding:0;
}
.paco {
  background: black;
  color: white;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
}
<html>
  <head></head>
  <body>
    <div >
    <p>asdasdsd</p>
    <p class=paco>AGITA PACO</p>
    </div>
  </body>
</html>

0

Ibas bien, pero hay un error en tu código: Estas utilizando = en lugar de : para asignar el valor de los margenes y el relleno (padding).

la sintaxis correcta seria:

body {
  margin: 0; /* no uses el = aquí, usa los : */
  padding: 0;
}

Ejemplo:

body {
  margin: 0;
  padding: 0;
}
.paco {
  background: black;
  color: white;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
}
<div class=paco>EL ROCK AGITA LA LOMA</div>

0

La propiedad CSS "line-height" indica el espacio entre líneas de un texto, quizás te sirva usando un número menor de 1. Luego hay el "padding" y el "margin" del contenedor, pero entendí que ya lo miraste.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.