<ol style="box-sizing: border-box; margin-left: Параметры в px; padding-left: Параметры в px; counter-reset: myCounter 0; border-left: Ширина в px Вид линии Цвет линии">***texto aquiТ***</ol>

👉 margen izquierdo: por ejemplo 20px; /* Relleno desde el borde izquierdo del marco *//

👉 padding-left: por ejemplo 10px; /* Distancia de la línea al texto */

👉 borde izquierdo: por ejemplo 2px solid #ccc /* Parámetros de línea */,

donde

👉 2px — Ancho (grosor) de la línea en px;

👉 sólido - Tipo de línea (- sólido - línea continua;
👉 punteado - puntos;
👉 discontinuo - punteado;
👉 doble - doble;
👉 ranura - línea deprimida con imitación de volumen;
👉 ridge cresta - convexa con imitación de volumen;
👉 inset recuadro - todo el bloque parece deprimido;
👉 outset inicio: todo el bloque parece convexo;)

👉 #ccc - Color de línea en diferentes formatos (#50e024; #6C3; rgb(31%, 88%, 14%)); %, 51%); etc.)

Para seleccionar el color de la línea, puede utilizar el CONVERTIDOR DE COLOR . La fórmula contiene valores de color en los siguientes formatos: HEX; SEGURO PARA LA WEB; RGB; RGBA; %RGB; %RGBA; HSL; HSLA

Otra fórmula para una línea vertical en el texto es ligeramente diferente, cuál usará; decida usted mismo:

<div style="border-left:3px solid red; margin-left:45px; padding-left: 15px;">***rexto***</div>

Вертикальная линия HTML
de línea vertical Usando la propiedad borde-izquierdo, configuramos el borde del bloque en el lado izquierdo y configuramos los siguientes parámetros de borde:

👉borde-izquierdo: 3px – grosor de línea
👉 sólido – línea sólida.

También puedes hacer:

👉 punteado -
👉 dashed –
👉 double –
👉 groove –
👉 ridge –

👉 el rojo es el color del borde. Puede especificarlo por el nombre del color, #, en formato hexadecimal, utilizando la tabla de colores RGB o RGBA.