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.

Author: Ben Lee, 2012-02-20

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;
}
 126
Author: Ben Lee,
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}
 8
Author: tkone,
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>
 1
Author: Jacek,
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>
 -3
Author: Hamida Almangush,
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