Dreamweaver - Indents and Outdents

Indents and Outdents

Dreamweaver has 2 buttons on the toolbar that are used for indenting and outdenting text.

The arrow pointing to the right indents the text and the arrow pointing to the left outdents the text. To activate an indent, simply click on the button while your cursor is in the paragraph you would like indented.

The way the text is indented is probably different from what you might expect if you're used to word processing programs. There is no Indent feature within HTML, so Dreamweaver uses the

tag. This does create an indent, but it also creates a block of text. See the sample below:

 

Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text.

As you can see, the text is not only indented on the left, but some space is taken from the right as well. If you would like the text to be blocked further, you simply click on the indent button twice. Here is a sample of the same text with two indents:

Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text. Sample indented text.

The way Dreamweaver accomplishes this is by nesting a

tag within another.

 

Text will stay indented until you specify otherwise. This includes new paragraphs in your document. In order to return the text to the far left, you must click on the Outdent button.

Adobe Creative Suite and DreamWeaver are the perfect web design tools to build your new website with your AUSWEB Hosting.

Get your Adobe DreamWeaver designed website up and running today with an AUSWEB Hosting plan. Click the order button below and follow our signup page!

• 24/05/2006 15:52 - Dreamweaver - Linking to Different Parts of the Page
• 24/05/2006 15:47 - Dreamweaver - The Rollover Wizard
• 24/05/2006 15:32 - Dreamweaver - Ordered and Unordered Lists
• 24/05/2006 15:29 - Dreamweaver - Image Maps
• 24/05/2006 15:18 - Dreamweaver - More About Image Maps

• 24/05/2006 15:01 - Dreamweaver - Working With Tables
• 24/05/2006 14:59 - Dreamweaver - Creating a Table
• 24/05/2006 14:44 - Dreamweaver - Table Properties
• 24/05/2006 14:39 - Dreamweaver - Cells and Rows
• 24/05/2006 14:32 - Dreamweaver - Modifying Your Table

---

If you found this tutorial helpful, you can bookmark it with your favourite tracker.