This is the example vertical line on right or left of the paragraph

<div style="border-left:4px solid #ff0000;font:11px verdana;padding-left:5px;">text</div>

border-left:4px solid  - location and size and type line

#ff0000 - color line

padding-left:5px - padding location

Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the left. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the left. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the left. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the left. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the left. This is a very stylish method for highlighting sections of text.


Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the right. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the right. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the right. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the right. This is a very stylish method for highlighting sections of text. Wrapping our paragraph in a styled "div" has given this paragraph the highlighted red line on the right. This is a very stylish method for highlighting sections of text.

My site