How to Center Div in Div using CSS – Example

For the sake of example, let’s assume that we have 2 Divs & we would like to center the inner div inside the outer (main) div. Here is the CSS & HTML code:

<style type="text/css">
#content {
width: 100%;
}

#text {
width: 80%; /*Change this value to a suitable one*/
margin-right: auto;
margin-left: auto;
}

</style>

<div id="content">
<div id="text">Try selecting all this text. You will see that all of it is unselectable.</div>
</div>

Try Demo

Very simple, isn’t it?

Do you know of any other ways to center div in div using CSS? Feel free to suggest by commenting below.

How to Set Cellspacing Cellpadding using CSS – Example

Example: Following is the code to Set Cellspacing Cellpadding using CSS

<style type="text/css">
/* For Cellspacing*/
table
{
border-collapse: collapse;
}

/* For Cellpadding */
table td, table th
{
padding: 0;
}
</style>

Simple, isn’t it?

If you know of any other ways to set cellspacing and cellpadding in css, please feel free to share by commenting below.