Personal tools
You are here: Home Documentation How-tos Creating a Horizontal Line on Your Webpage
Document Actions

Creating a Horizontal Line on Your Webpage

This How-to applies to: Any version.

A very simple how-to that uses a tiny bit of HTML

Horizontal rule? Is that something I'm supposed to remember from my trigonometry class? Not at all! It's just a way of drawing a simple line across the screen to divide up your content into sections on the screen. Check it out . . .

Section One

Section Two

Section Three

To make your own horiztonal rule, you must Edit the HTML Code. When your are in Edit mode on a webpage, click on the Edit HTML Code icon in your visual editor. As you know, HTML is a combination of regular text and special formatting called tags. To create a horizontal line, simply put this tag: <hr> into the HTML. You may need to experiment a little bit to get the placement perfect. That's all there is to it!

by samk last modified 2007-10-10 09:12
Contributors: Sam Knox
All content on this site is licensed under a Creative Commons License.
Still Stumped?
If you've still got questions about Plone, here are your best bets for finding out more:

All content in this site distributed under the Creative Commons "Attribution-NonCommercial-ShareAlike" license unless otherwise noted.

Powered by Plone CMS, the Open Source Content Management System