¿Cómo hacer una línea vertical en HTML?

Puedes usar la etiqueta de la regla horizontal para crear líneas verticales.

Al usar un ancho mínimo y un tamaño grande, la regla horizontal se convierte en una vertical.

Puedes usar un

vacío que esté estilizado exactamente como quieres que aparezca la línea:

HTML:

Con altura exacta (anulando el estilo en línea):

  div.vertical-line{
      width: 1px; /* Ancho de la línea */
      background-color: black; /* Color de la línea */
      height: 100%; /* Anular en línea si deseas una altura específica */
      float: left; /* Hace que la línea flote a la izquierda del contenido. 
        En su lugar puedes usar position:absolute o display:inline-block
        si encaja mejor con tu diseño */
    }

Estiliza el borde si deseas un efecto 3D:

    div.vertical-line{
      width: 0px; /* Usa solo estilo de borde */
      height: 100%;
      float: left; 
      border: 1px en relieve; /* Este es el estilo de borde predeterminado para la etiqueta  */
    }

También puedes experimentar con combinaciones avanzadas:

  div.vertical-line{
      width: 1px;
      background-color: silver;
      height: 100%;
      float: left;
      border: 2px en relieve silver ;
      border-radius: 2px;
    }

No hay un equivalente vertical para el elemento

. Sin embargo, un enfoque que puedes probar es usar un borde simple a la izquierda o derecha de lo que sea que estés separando:

#your_col {
  border-left: 1px solid black;
}

  Tu contenido aquí

Otra opción es utilizar una imagen de 1 píxel y establecer la altura; esta opción te permitiría flotarla donde necesites.

Aunque no es la solución más elegante.