La eliminación de la nueva línea después de las etiquetas?
Estoy teniendo un problema con la eliminación de saltos de línea después de la etiqueta <h1>
, ya que cada vez que se imprime, agrega un salto de línea justo después de ella, por lo que algo como <h1>Hello World!</h1> <h2>Hello Again World!</h2>
se imprime de la siguiente manera:
Hello World!
Hello Again World!
No estoy seguro de qué etiquetas necesito cambiar en CSS, pero espero que tenga algo que ver con el relleno o los márgenes
También quiero mantener el relleno vertical, si es posible.
4 answers
Parece que quieres formatearlos como en línea. Por defecto, h1
y h2
son elementos a nivel de bloque que abarcan todo el ancho de la línea. Puedes cambiarlos a en línea con css de esta manera:
h1, h2 {
display: inline;
}
Aquí hay un artículo que explica la diferencia entre block
y inline
con más detalle: http://www.webdesignfromscratch.com/html-css/css-block-and-inline /
Para mantener el relleno vertical, use inline-block
, así:
h1, h2 {
display: inline-block;
}
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-20 12:35:26
<h1>
las etiquetas tienen {display: block}
establecidas. Son elementos a nivel de bloque. Para desactivar esto:
{display: inline}
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-20 12:29:51
Acabo de resolver este problema estableciendo el valor de margen h1 a menos en la sección de estilo html. Funciona perfectamente para mis necesidades.
<style>
h1 {
display: block;
font-size: 0.9em;
margin-top: -1.91em;
margin-bottom: -1.91em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-01-13 21:22:27
<style>
h1 {
padding: 0px;
margin: 0px;
}
</style>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-07-06 22:01:14