Как поместить вертикальные линии между списком текста?

Question

Как поместить вертикальные линии между списком текста?

0

вот чего я пытаюсь достичь: http://i.imgur.com/sGYfvOv.png

У меня возникли проблемы с выравниванием всего этого, и я искал некоторую помощь. Я бы хотел, чтобы он был сосредоточен. Вот мой текущий код:

HTML:

<p class="aboutus">
<b>About Us</b><br>
<br>   
NECI Overview<br>
Our History<br>
Accreditation<br>
Why choose us?<br>
Campus Tour<br>
Affliations<br>
Awards<br>
Community <br>
News<br>
</p>

<hr width="1" size="190" align="left">

CSS:

.aboutus{

font-family: 'Lato', sans-serif;
font-size: 14px;
float: left;
}

user3457850 15 апр. 2014, в 00:27

Источник

0

возможный дубликат stackoverflow.com/questions/3148415/how-to-make-a-vertical-line
Ziker 14 апр. 2014, в 22:20

Теги:

html

css

dreamweaver

1 ответ

Ещё вопросы

возможный дубликат stackoverflow.com/questions/3148415/how-to-make-a-vertical-line

TimSPQR · Answer 1 · 2014-04-14T21-07-00.000Z

Еще один FIDDLE.

CSS

.myinfo {
    width: 150px;
    height: 200px;
    float: left;
    border-left: 2px solid black;
    padding-left: 10px;
}
.myinfo:last-child {
    border-right: 2px solid black;
}