- Adding Text
- Cutting, Copying, and Pasting Text
- Dragging and Dropping Text
- Using Paste Special
- Applying Headings
- Applying Character Formats
- Applying HTML Text Styles
- Using Preformatted Text
- Adding Line Breaks
- Indenting and Aligning Text with HTML
- Working with Lists
- Inserting Special Characters
- Working with Font Styles
- Using Web Fonts
- Adding Automatic Dates
- Finding and Replacing
- Finding Text with a Simple Search
- Performing Advanced Text Searches
- Finding and Replacing in Source Code
- Finding and Replacing with a Specific Tag
- Using Regular Expressions for Searching
- Checking Spelling
This chapter is from the book
This chapter is from the book
This chapter is from the book
Indenting and Aligning Text with HTML
You won’t indent or align text in Dreamweaver as you would with a word processor. The most common kind of indenting, indenting the first line in a paragraph, is usually done with a tab in a word processor, but tabs have no effect in HTML. Instead, you can use the text-indent CSS style property. Similarly, there are CSS properties for text alignment. See Chapter 7 for more about using CSS.
You can add whitespace to text—and simulate a tab—with non-breaking spaces. See “Inserting Special Characters,” later in this chapter.
When you are indenting paragraphs to set them apart from preceding and following paragraphs, Dreamweaver uses the HTML <blockquote> tag. This indents both the left and right margins of the block-quoted paragraph. You aren’t limited to paragraphs; you can block quote any block element, such as headings.
Dreamweaver can align text with the left margin, right margin, or center of the page. You can also justify text, which adds space as needed between words so that both the left and right margins are aligned.
The method shown here adds alignment attributes to the HTML markup. You can also use Cascading Style Sheets to align text, which is covered in Chapters 7 and 8.
To block quote text
- Click in the paragraph or other block element you want to indent.
Click the Indent button on the HTML mode of the Property inspector
.
Use the Indent button to apply a block quote to your text.or
Choose Format > Indent, or press Ctrl-Alt-] (Cmd-Opt-]).
The text changes
.
)
To remove block quoting
- Click in the paragraph or other block element you no longer want to indent.
Click the Outdent button on the Property inspector.
or
Choose Format > Outdent, or press Ctrl-Alt-[ (Cmd-Opt-[).
The text changes.
To align text
- Click inside the paragraph you want to align.
Choose Format > Align, and then choose Left, Center, Right, or Justify from the submenu
.or
Use one of the keyboard shortcuts listed in Table 4.2.
)
Table 4.2. Alignment Shortcut Keys
|
Shortcut Key (Windows) |
Shortcut Key (Mac) |
What It Does |
|
Ctrl-Alt-Shift-L |
Cmd-Opt-Shift-L |
Left alignment |
|
Ctrl-Alt-Shift-C |
Cmd-Opt-Shift-C |
Center alignment |
|
Ctrl-Alt-Shift-R |
Cmd-Opt-Shift-R |
Right alignment |
|
Ctrl-Alt-Shift-J |
Cmd-Opt-Shift-J |
Full justification |