I am not expert in website design but I like to do it I am learning day by day.
I am placing content on a website which have a very long list of content and it is looking very odd thats why I am thinking it to change it into two column so it looks good. can any tell me how we can do it using CSS and DIV.

Originally Posted by meri0098

I am not expert in website design but I like to do it I am learning day by day.
I am placing content on a website which have a very long list of content and it is looking very odd thats why I am thinking it to change it into two column so it looks good. can any tell me how we can do it using CSS and DIV.

you need to use floats. I haven't got time to code it out for you but you'll need something like this:

#wrapper {
  margin: auto;
  width: 960px;
}

#left {
  width: 460px;
  float: left;
}

#right {
  width: 460px;
  float: right
}

Then the HTML:

<div id="wrapper">
  <div id="left">
    left content
  </div>
  <div id="right">
    right content
  </div>
<div style="clear:both"></div> <!-- this "clears" the floats so you can have a footer underneath -->
</div> <!-- end of wrapper -->

Obviously there's more to it, you need to experiment with this. Good luck.