technomark.in
Hot News

$(this) Selector And Children / Find In jQuery

Detect An Undefined Object Property In JavaScript

Rotate And Save Video Using VLC Media Player

Capitalize The First Letter Of String In JavaScript

Convert Any Files To Any Format Using VLC Media Player

Asp.Net AngularJS WCF IIS
DataBase Jquery Bikes Random
HomeContact Us Watch Our YouTube Channel ..........Blog Spot..........

Technomark.in

How To Logout From All Devices In Skype

Technomark.in

How To Embed Google Map In Your Code

Technomark.in

How To Install IIS (Internet Information Services) On Windows

Technomark.in

Enable Directory Browsing In IIS

View All


How To Place Two Divs Next To Each Other Using CSS


Place Two Divs Next To Each Other Using CSS - Example

> Here we consider how to Place Two Divs Next To Each Other Using CSS.
> Lets start with one example here.
> Suppose we have two Divs as shown below.

How To Place Two Divs Next To Each Other Using CSS, Place Two Divs Next To Each Other Using CSS, Place Two or More Divs Next To Each Other Using CSS, Place Two Divs Next To Each Other, Place Two or More Divs Next To Each Other, Place Two Divs Using CSS, Div, CSS, HTML

> Here is the style given for these divs.

#firstDiv {
     width: 200px;
     height:200px;
     background-color: yellow;
}
#secondDiv {
     width: 200px;
     height:200px;
     background-color: red;
}



> On RunTime, these two divs looks like as shown below.

How To Place Two Divs Next To Each Other Using CSS, Place Two Divs Next To Each Other Using CSS, Place Two or More Divs Next To Each Other Using CSS, Place Two Divs Next To Each Other, Place Two or More Divs Next To Each Other, Place Two Divs Using CSS, Div, CSS, HTML

> Lets consider how to place these divs next to each other.

Place Two Divs Next To Each Other - Solution

> For placing these two divs next to each other, just give style float : left.
> Provide float : left for both Divs.

#firstDiv {
     width: 200px;
     height:200px;
     background-color: yellow;
     float : left;
}
#secondDiv {
     width: 200px;
     height:200px;
     background-color: red;
     float : left;
}



> Here is the end result of new style.

How To Place Two Divs Next To Each Other Using CSS, Place Two Divs Next To Each Other Using CSS, Place Two or More Divs Next To Each Other Using CSS, Place Two Divs Next To Each Other, Place Two or More Divs Next To Each Other, Place Two Divs Using CSS, Div, CSS, HTML

> By providing float : left for both Div, we can Place Two Divs Next To Each Other.

Watch Video of this Content on Video Steaming


Post Your Comment

Name *


Email *


Comment * Please provide all three fields for posting Comment




Technomark.in

Book Train Tickets on IRCTC Quickly During Tatkal Period

Technomark.in

Before You Copy Any Image From Internet

View All

Privacy StatementDisclaimerSitemap