We here at CoffeeCup Software believe in design freedom. That said, there are certain best practices you should follow if you want your website to look its best. This is one of them.

The best way to add text to a Visual Site Designer page is to place each chunk of text into its own individual text box. Are you creating a header? Put it in its own text box. Are you adding a paragraph of text? Put it in its own text box. Are you placing an image on your page, and want your text to wrap to the right or left? Put that wrapping text in its own text box. Sensing a pattern?

Adding text this way gives you greater design freedom and ensures that your website always looks the way you want it to.

Let's talk about a common error: creating one text box for the entire page and adjusting where the text goes using hard returns. Although your page design may look the way you want it to in the Visual Site Designer workspace, it'll probably look kinda cruddy once you put it online. Why is that? Well, even though those hard returns may just look like so much empty space, they're still going to be rendered by web browsers — and the way they're rendered might not look like the design you created in Visual Site Designer. Additionally, any images you place inside that text box may not stay where you want them to. Never, never put an image inside a text box! 

Here's an example of what NOT to do:

Instead of using hard returns to make the text wrap around the image, which can have those ugly results we talked about, you should resize the text box so it doesn't overlap with the image, like so:

Here's another example of how you should be formatting your text and images:

So as you can see, each element should have its own space. The header has its own box, the paragraph text has its own box, and the image is in its own space outside of a text box. Working with elements that each have their own box allows you the ease of adjusting individual sizes and placement without affecting other properties.

You can read more about how these boxes affect the source code of your VSD website in this article: Viewing the Source Code of a Site Made with Visual Site Designer. For a crash course on source code in general, check out this article: Reading the Source Code of a Webpage.