Using a auto margin in css but want a minimum margin

Question

I had checked Using a percentage margin in CSS but want a minimum margin in pixels?. It had how to implement a minimum margin when using percentage. But i am using

width:80%; margin:5px auto; 

How to set a minimum margin on the left side. i had used auto margin as per Reducing the space equally when resizing browser window

Thanks

Answer 1

It might take another div to accomplish this task. I will refer to the div you are talking about as the #content div. I know that yours will have a bit more css. This is just my example of the margin in question. Next we would put the #content div in a div we will call #container. We will set the margins to auto in this div as well. The added aspect will be that we will add padding (right and left) to the #container div.

#content {     margin: auto; }  #container {     padding-right: 5px;     padding-left: 5px; } 

I think that this would achieve what you are looking for. Keep in mind a min-width for the #content div and it could work nicely.

Answer 2

I'm a little late, but here's an answer. Don't forget that you can style the HTML element!

html {   padding: 20pt; }  body {   margin: auto; } 

That's it!