Pregunta ¿Eliminar newline después de las etiquetas

?


Tengo un problema para eliminar los saltos de línea después de la <h1> etiqueta, ya que cada vez que se imprime, agrega un salto de línea directamente después, así que algo así como <h1>Hello World!</h1> <h2>Hello Again World!</h2> imprime de esta manera:

Hello World!

Hello Again World!

No estoy seguro de qué etiquetas debo 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.


75
2018-02-20 12:28


origen


Respuestas:


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. Puede cambiarlos a en línea con CSS así:

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, Me gusta esto:

h1, h2 {
    display: inline-block;
}

124
2018-02-20 12:29



<h1> etiquetas tienen {display: block} conjunto. Son elementos a nivel de bloque. Para apagar esto:

{display: inline}

8
2018-02-20 12:29



Acabo de resolver este problema estableciendo el valor de margen h1 en 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>

2
2018-01-13 21:22



<style>
h1 {
    padding: 0px;
    margin: 0px;
}
</style>

-2
2017-07-06 21:48