Articles Tagged 'LI'

Create a pipe separator through CSS

You can often see a number of links distributed horizontally separated by pipe "|", the graphic symbol dell'asticella vertical. . In addition, if there is a good writing HTML, you realize that this list of links - apparently horizontal - are nothing but bulleted lists UL or OL . It follows that instead of writing:

1
2
3
< p >
"#1" > Link 1 < / a > | < a href = "#2" > Link 2 < / a > | < a href = "#n" > Link n < / a > < a href = "# 1"> Link 1 </ a > | < a href = "# 2"> Link 2 </ a > | < a href = "# n"> n Link </ a >
</ p >

It would be better to use:

1
2
3
4
5
< ul >
= "#1" > Link 1 < / a >< / li > < will > < a href = "# 1"> Link 1 </ a > </ them >
= "#2" > Link 2 < / a >< / li > < will > < a href = "# 2"> Link 2 </ a > </ them >
= "#n" > Link n < / a >< / li > < will > < a href = "# n"> n Link </ a > </ them >
</ ul >

Continued ...