FREE tutorial,solution,RSS Feeds on Operating Systems, Programming, Web Development, Applications, Databases, Networking, Hardware, Security, SEO Free Expertsforge Membership
Join us as Moderator
Submit Article to Expertsforge.com Submit Article My Expertsforge
 
RSS Feeds, Help Help RSS Feeds
bannertop
 

CSS Tutorial: Placing DIV side by side using CSS

jawahar
4/10/2007 10:33:53 AM, Views: 5544
The following code will help you place DIV tag side by side using CSS without a line break

<html>
<head>
<title>Placing DIV tag side by side using CSS</title>
<style type="text/css">
.div1 {background-color: #ff0000;border:1px solid black; float:left}
.div2 {background-color: #00ff00;border:1px dashed black;float:left}
</style>
</head>
<div class="div1">Placing DIV tag side by side using CSS</div>
<div class="div2">This is another DIV tag</div>
</html>
Next Steps:
Add this Tutorial to:
Blink Blink del.icio.ous Del.icio.us Digg Digg
Fark Fark Furl Furl Google Google
Reddit Reddit Simpy Simpy Spurl Spurl
Technorati Technorati Windows Live Win Live Yahoo Yahoo
Rate Me!
Avg Visitor Rating: Average Visitor Rating is 3.5 out of 5
Number of Ratings : 7 Votes
Rate:
Send Private MessageSend Message
Signup / Login To View the Solution or Provide Comments
Post Comment/Solution
Comment:*
        (Link Rules) 
  Use : [bold] for <b>; [/bold] for </b>; [italic] for <i>; [/italic] for </i>; [code] & [/code] for code
 
Categories
Options
CSS RSS Feed
Most Popular Tutorial
Most Popular Solution
No Records!
Top Rated
Top Contributors
Yearly
Overall
 
No Rankings!
bnrtop