How Do You Change the Spacing Between Text Lines in Dreamweaver?
Dreamweaver is a powerful Web design program. With it, you can build an entire website or just a single page, and manage everything from the text and display of your site to the style sheets and links. How text displays in Dreamweaver isn't always the same as how it displays online, so to ensure that your page looks the way you want it to, you need to create a style sheet.
Other People Are Reading
Instructions
-
-
1
Open Dreamweaver and then open one page from your website. If you want to change the line spacing on all of your pages, you'll have to create a separate style sheet and define paragraph styles, but you can start with a single page and use it as the basis of your design. You can't, however, adjust the size of the gap between lines when using the "</br>" (break) code, since this code is universal.
-
2
Click "View" and choose "Code and Design" so you can see how your page with display and also the root code. Right-click anywhere in the design window and choose "CSS Styles," and then choose "New..." Make sure "Class" is selected under "Choose a contextual selector..." and then type the name of a style. In this case, choose "p" or "paragraph" or a name you can remember. Hit "Enter" or click "Okay."
-
-
3
Choose "Type" from "Category" and then set all of the parameters for how you want a paragraph to look. Choose a font family and size, then a weight (bold or light) for the paragraph. Most importantly, adjust the line height to change the spacing between lines. This value should change depending on the size of your font. If you are using a size 11 font, set the line height to 12 to create a small space between each line. Increase the line height value to increase the space.
-
4
Select a few lines of text and then right click and choose "CSS Styles..." and "paragraph" (or whatever name you created in Step 2). Repeat this for each paragraph or wait until you've typed all your information, then choose all the text and assign the "paragraph" style. This style will only apply to this document, but you can copy the code to each of your separate pages.
-
1
Tips & Warnings
Additionally, you can create a style sheet separate from your HTML files and attach it to each page on your site. This way, you can define site-wide paragraph rules, which will be applied to all text that you tag as "paragraph" through Dreamweaver.
