2016-12-28 4 views
-1

мне нужно добавить вертикальную линию между текстом в HTML или JavaScriptHTML код для разделения текста с линией

описание для того, что мне нужно именно его объяснить с этой картиной

i need like this pic

как добавить строку перед CHECKPOINT и FINAL как в ПОС

+1

http://stackoverflow.com/questions/3148415/how-to-make-a-vertical-line-in-html –

+0

спасибо за ответ ... но это решение не работает для меня ... его не дают мне, как мне нужно :) –

+1

Предлагаемый ответ абсолютно хорош. Если есть причина, по которой он не работает в вашем коде, вы должны сообщить нам об этом. В противном случае, внимательно прочитайте связанный ответ, поймите, как он работает, и подумайте, как применить это к вашей ситуации. – nvioli

ответ

1

li { 
 
line-height:100px; 
 
width:100px; 
 
text-align:center; 
 
display:inline-block; 
 
border-right:1px solid #ccc; 
 
} 
 
ul li:last-child { 
 
border-right: 0px; 
 
}
<ul> 
 
    <li>Something</li> 
 
    <li>Something</li> 
 
    <li>Something</li> 
 
    <li>Something</li> 
 
    <li>Something</li> 
 
</ul>

+0

thnx @Brad thats help me –

0
li{ 
border:0px solid #ddd; 
border-right:2px solid #ddd; 
} 
ul li:last-child{ 
border:0; 

HTML

<ul type=none> 
<li> menu1</li> 
<li>menu2</li> 
</ul> 

fiddle

Смежные вопросы