¿Cómo cambiar la altura de la etiqueta br?

No puede cambiar la altura de la etiqueta <br> ya que no es un elemento HTML, es solo una instrucción que impone un salto de línea.
br no ocupa ningún espacio en la página.

Hay una forma en la que puede aumentar el salto de línea entre líneas, es colocando múltiples etiquetas br.

Otra forma es usar la etiqueta de intervalo clasificada y aplicarles el estilo para obtener el resultado deseado

Método 1: use varias clases de intervalo con un estilo diferente aplicado a ellas, puede cambiar el valor de «margin-bottom» para estas clases para cambiar la altura del salto de línea.

Ejemplo 1:

<!DOCTYPE html >
<html>
  
<head>
    <title>
      Customized break example
  </title>
  
    <style type="text/css">
        .br {
            display: block;
            margin-bottom: 0em;
        }
          
        .brmedium {
            display: block;
            margin-bottom: 1em;
        }
          
        .brlarge {
            display: block;
            margin-bottom: 2em;
        }
    </style>
</head>
  
<body>
  
    <h3>This page shows different 
      break height between lines</h3>
    <p> Hi User
      <span class="brlarge"></span>
      Welcome to
      <span class="brmedium"></span> 
      Geeks for geeks.
      <span class="br"></span> 
      Hope you have enjoyed your stay.
    </p>
    
</body>
  
</html>

Producción:

Ejemplo-2: También puede disminuir la altura de ruptura por debajo de la altura normal utilizando un margen inferior negativo para las clases de tramo.

<!DOCTYPE html >
<html>
  
<head>
    <title>
      Customized break example
  </title>
  
    <style type="text/css">
        .br {
            display: block;
            margin-bottom: 0em;
        }
          
        .brsmall {
            display: block;
            margin-bottom: -.2em;
        }
          
        .brxsmall {
            display: block;
            margin-bottom: -.4em;
        }
    </style>
</head>
  
<body>
  
    <h2>This page shows different 
      break height between</h2>
    
    <p>Hi User
      <span class="br"></span> 
      Welcome to
      <span class="brsmall"></span>
      Geeks for geeks.
      <span class="brxsmall"></span>
      Hope you have enjoyed your stay.
    </p>
    
</body>
  
</html>

Producción:

Método 2: use CSS en línea en la etiqueta <br> para cambiar la altura de la etiqueta br.

Ejemplo-3:

<!DOCTYPE html >
<html>
  
<head>
    <title>
        Customized break example
    </title>
</head>
  
<body>
    <center>
        <h2>This page shows 
        different break 
        height between
    </h2>
  
        <p>GeeksforGeeks<br style=
        "line-height:40px"> A
          computer science portal.</p>
    </center>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por Blinkii y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta