Tip: Using The DIV Tag to Make Columns - HTML
Published: February 2, 2009
Updated: April 29, 2009, 4:15 pm
The following code will produce 3 columns without lines
<div style="width: 130px; float: left; margin-left: 20px; margin-right: 20px;">
left-side content here
</div>
<div style="float: left; width: 215px; margin-left: 20px; margin-right: 20px;">
center-content here
</div>
<div style="float: right; width: 130px; margin-right: 20px;">
right-side content here
</div>
<div style="margin-left: 20px;">
Paste this code into your editor in the 'source' view and here's what you get:
The following code will produce 3 columns without lines
left-side content here as much text and image content as you like, and it will stay nicely lined up
center-content here as much text and image content as you like, and it will stay nicely lined up. See? eu wevwhe vwvh wpdvuhw vouhw dvohw dvpwohdv wdouh
right-side content here as much text and image content as you like, and it will stay nicely lined up
Are you absolutely sure you want to delete this article? This process cannot be undone and is permanent.
Yes, Delete This Article
Are you absolutely sure you want to remove this article? This process cannot be undone and is permanent.
Yes, Remove This Article
The following code will produce 3 columns without lines
<div style="width: 130px; float: left; margin-left: 20px; margin-right: 20px;">
left-side content here
</div>
<div style="float: left; width: 215px; margin-left: 20px; margin-right: 20px;">
center-content here
</div>
<div style="float: right; width: 130px; margin-right: 20px;">
right-side content here
</div>
<div style="margin-left: 20px;">
Paste this code into your editor in the 'source' view and here's what you get:
The following code will produce 3 columns without lines
left-side content here as much text and image content as you like, and it will stay nicely lined up
center-content here as much text and image content as you like, and it will stay nicely lined up. See? eu wevwhe vwvh wpdvuhw vouhw dvohw dvpwohdv wdouh
right-side content here as much text and image content as you like, and it will stay nicely lined up
Are you absolutely sure you want to delete this article? This process cannot be undone and is permanent.
Yes, Delete This Article
Are you absolutely sure you want to remove this article? This process cannot be undone and is permanent.
Yes, Remove This Article
Site Options
0 Comments
Add Comment