How to Make a Text Div With Floats
- 1). Highlight the following HTML code, right-click and select "Copy" from the menu:
<div style="float: ATTRIBUTE; width: ###px;">
YOUR TEXT
</div> - 2). Open your web page code in a text editor or website building tool.
- 3). Right-click in the code where you wish to insert the text and select "Paste" from the menu. This will make a copy of the <div> code in your HTML.
- 4). Change "ATTRIBUTE" to "left" or "right." This will determine what side of the web page the <div> box will float.
- 5). Replace "###" with a number. This controls how wide the floating <div> box will be.
- 6). Replace "YOUR TEXT" with the text you want to place inside the floating <div> box.
- 7). Repeat pasting the code if you want to create more floating <div> boxes on the web page.
- 8). Save the changes to the web page and post it to the Internet. You will now have a floating text box on your page.
