# Konténer középre rendezése

A konténer középre rendezése egy széles körben elterjedt technika, a lényege, hogy a weboldalak tartalma  egy bizonyos szélesség fölött középre van rendezve, ha a böngésző ablaka szélességben kisebb ennél a bizonyos szélességnél, a weboldal tartalma teljesen kitölti a böngésző ablakot.

![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LSEYzgzWkfyTKTyMlNA%2F-LSEZ2rg3WvHpt4Evk1M%2Flayout.png?alt=media\&token=37e8beb9-3919-4ed4-9962-f390e50d08bd)

```css
.container {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
```

A jobb és bal oldali egyenlő eltartásért a `margin-left: auto` , és a `margin-right: auto` felel, a konténer maximális szélességét a `max-width` CSS tulajdonsággal lehet beállítani

A konténer magasságát a tartalma határozza meg (tolja ki), de megadhatunk neki fix értéket is.

{% embed url="https://codepen.io/_lacus/pen/mqdmax" %}
