Rate This Article

Average: 0/5

Advertisement

Tip: Using The DIV Tag to Make Columns - HTML

Tip: Using The DIV Tag to Make Columns - HTML

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

The Author

Cliff LyonI am. ... (Full Bio)

0 Comments

Add Comment

You must be logged in to post a comment. Click here to login