CoffeeCup - HTML Editor, Flash & Web Design Software

You may have noticed that the web browser is not too smart about spacing. Just because you do a carriage return at the end of a line doesn't mean a new line will appear when you view your web page. The browser requires special codes for things like extra spaces and new lines. Luckily, CoffeeCup HTML editor comes with a set of hot buttons that allow you to easily manipulate the appearance of your page:

All of these buttons can be found just to the right of your edit window:

New Paragraph- Inserts a line space between paragraphs.
New Line- Ends the current line, starts new next on a new line.
Left Align- Left aligns the selected text.
Center Align- Centers the selected text.
Right Align- Right aligns the selected text.

Note that these effects can also be used with images. For instance if you want to center a picture, you would highlight your entire <img> tag:
Then click the Center align button.

Now that you've got a handle on aligning objects, what about wrapping text around an object? Notice how this text bends it's way around the car on the left? How did I do that? Magic? No. Just by a simple change in code. In the <img> tag, I added an extra bit of code: align="right". The entire tag looks like this: <img src="/help/images/hotrod.jpg" width="109" height="81" alt="" border="0" align="right"> This placed the image to the right, but keeps the text aligned normally.

You may notice this method doesn't give you complete control over where things appear on the page. It just gives absolute values (right, left center). What if you wanted two images on either side of some text:

To accomplish an effect like this, it is best to use tables to position your content.