Unlike creating a horizontal vertical line by inserting an
tag, a simple html code is not available to insert a vertical divider line into your web page.However, there are two simple ways to insert a vertical divider line...
1. Create a "Graphic" Vertical Divider Line
You may insert a graphic image (.gif) as your divider line and align it next to your paragraph. Although you'll be forced to use this method if you need a divider line that has an odd shape or color, this is not
most efficient method.
By using a graphic as a divider line, you'll risk
graphic line not being lined up correctly when others view your web pages. Also, it could slow loading time for your web page.
This method should only be used if necessary.
2. Create a "Thin" Table to Divide Your Columns
If you simply want a line to divide your web page sections,
best way to do so is using a table.
Simply create a table between your sections (you may have three columns with
middle column becoming
divider line.)
You can make
column as small as "1 pixel or percent of table" wide, or larger if needed.
Also, you can select different colors for this table to match your web page colors.
This is an easy way to create a divider line, and will not hinder visitors and page loading time.