Max-Width Container

Max-Width Container

by Leo Lanese

HTML

<div class="container"> 
    <p>test test test test test test test test</p>   
</div>

CSS

/* we specify the container to display at 300px if possible, but it should not exceed 30% of the limit width */ 
.container {
    width: 300px;
    max-width: 30%;
    margin: 0 auto;
    background: #ededed;
    border: solid 1px #000;
    height: 250px;
    padding:15px;
}