Elementos de diseño: lineas horizontales y verticales

[JBRS]

Hola, no encuentro mucha documentación sobre ciertos elementos de diseño. Para hacer líneas horizontales tengo la siguiente instrucción:

.lineahorizontal {border-top: 1px solid #ccc;
margin-top: 2px;
padding-bottom: 3px;
width: 75px;
clear: both;}

Pero el caso es que quería hacer alguna vertical (tipo la portada de El Mundo que separa ambas columnas de noticias) y no sé cómo. No sé ni si lo definen desde la estructura de las columnas... ¿o se crea una columna sólo para una línea? ¿si no es así, cómo se dice que salga entre estas dos columnas y no otras?

[caricatos]

Hola:

Las líneas horizontales tienen su propio tag (hr), y en tu ejemplo se consigue dando color al borde superiro del elemento... también se puede dar grosor, estilo y color a los bordes laterales: border-left: 3px solid red;

Saludos

[JBRS]

Vale, entonces si tengo 2 columnas y quiero una en medio, ¿vale con que ponga un borde derecho a la de la izquierda? ¿para ese hr debería hacer otra columna?