- 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
Adding Line Breaks
Just as in a word processor, you press Enter (Return) in Dreamweaver to create a new paragraph. This is fine when you want to actually create a new paragraph, but not so great when you just want to move the cursor down a line, as you might want to do when entering an address. That’s because web browsers (and Dreamweaver) insert a blank line above and below a paragraph, so if you make each line of the address its own paragraph, it looks goofy 
.
Paragraphs have whitespace before and after them, which isn’t really appropriate for things like addresses.
What you want to do is add a line break, which moves the cursor down one line without creating a new paragraph. In the code, Dreamweaver adds the HTML <br /> tag to the end of the line.
To insert a line break
At the end of the line you want to break, press Shift-Enter (Shift-Return).
or
At the end of the line you want to break, in the Common category of the Insert panel, select Line Break from the Character pop-up menu.
The text changes 
.
After you replace the paragraph tags with line breaks, the address looks better.
TIP
Line breaks are invisible characters in both Dreamweaver and web browsers, but you can make them visible in Dreamweaver if you want. Choose Edit > Preferences (Dreamweaver > Preferences), and then click the Invisible Elements category. Select the check box next to “Line breaks,” and then click OK. Dreamweaver then displays line breaks in Design view 
.
With the appropriate preference enabled, you can see the invisible line break characters.