HTML code for separating text with line

Question

i need to add vertical line between text in HTML or JavaScript

the description for what i need exactly its explain with this picture

how to add line before CHECKPOINT and FINAL like in the pic

http://stackoverflow.com/questions/3148415/how-to-make-a-vertical-line-in-html — Tobias Egli, Dec 28 '16 at 14:43
thanks for answer ...but this solution not work for me ...its not give me like i need :) — fares alkhawjaa, Dec 28 '16 at 15:23
The suggested answer is perfectly good. If there's a reason it doesn't work in your code you need to let us know about that. Otherwise, please read the linked answer closely, understand how it works, and consider how to apply that to your situation. — nvioli, Dec 28 '16 at 15:28
If you don't like first answer from linked question I would recommend using border-right or border-left in your CSS (you can also find this solution in linked question). For me this is usually the easiest way. — jazzgot, Dec 28 '16 at 16:23

score 1 · Accepted Answer · answered Dec 28 '16 at 15:46

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>

score 0 · Answer 2 · answered Dec 28 '16 at 16:15

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

answered Dec 28 '16 at 16:15

Soul Reaper

34
6

HTML code for separating text with line

2 Answers2