How to Display Boxes Side by Side in HTML

When inserting text boxes into your HTML page, you may find that it makes more sense to place text boxes on the page side by side rather than one on top and one on the bottom. When you display text boxes side by side, you are able to allow a user to read content on the page without needing to scroll lower on the page to view it.

Instructions

1

Log in to your Web server and locate the HTML page on which you want to display boxes side by side.

2

Click on the location of the HTML page where you want to display the boxes. The location where you display the boxes must be somewhere in between the and the tags.

3

Insert the following HTML code:

Text goes here

Text goes here

4

Replace both instances of "Text goes here" with the actual content you want displayed in the boxes. Change the height and width numbers to increase or decrease the size of the boxes.

5

Publish the page.