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:
Use this code in a page, replacing 50% with the width you like:
<div style="width:50%";>
----
</div>
To create this:
Use this code in a page, replacing 50% with the width you like:
<div style="width:50%; float:right;"><hr></div>
To create this:
Use this code in a page, replacing 50% with the width you like:
<center><div style="width:50%";>
----
</div></center>
To create this: