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


Horizontally Center A Div In Another Div With Width 100%


Horizontally Center A Div In Another Div - Method 1

> Suppose we have two div with ID outerDiv and innerDiv.
> The outerDIv has width 100% with yellow background.
> Lets consider how to set innerDiv horizontally center inside the outerDiv.
> For achieving this, we can set following style for the innerDiv.
> margin : 0px auto
> display : table
> We don't have to adjust the width of innerDiv.

#innerDiv {
     margin: 0 auto;
     display: table;
}



Horizontally Center A Div In Another Div - Method 2

> Suppose we have two div with ID outerDiv and innerDiv.
> The outerDIv has width 100% with yellow background.
> The outerDiv has style for text-align as center;
> Now for the innerDiv, the only required style is as follows.
> display:inline-block.

#outerDiv {
     text-align: center;
     width: 100%;
}

#innerDiv {
     display: inline-block;
}



> By this way we can Horizontally Center A Div Within Another Div.

Watch Video of this Content on Video Streaming

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