Rulers

Rulers (horizontal rules or lines) use the full width of the page by default. They can be styled to a smaller width by surrounding them with HTML <div> tags. Styling can also control their position.

Standard ruler

Use this code in a page:
----

To create this:




Custom width ruler aligned left

Use this code in a page, replacing 50% with the width you like:
<div style="width:50%";> ---- </div>

To create this:




Custom width ruler aligned right

Use this code in a page, replacing 50% with the width you like:
<div style="width:50%; float:right;"><hr></div>

To create this:




Custom width centered ruler

Use this code in a page, replacing 50% with the width you like:
<center><div style="width:50%";> ---- </div></center>

To create this: