#localeTitle: undefined
#Contêineres CSS W3 O W3.css fornece uma classe contêiner que adiciona 16 pixels de preenchimento à esquerda e à direita a qualquer elemento html e 0,01 preenchimento superior e inferior. Isso o torna ideal para elementos contendo html, como `<header>, <div>, <footer>, <section>` etc. Mas também pode ser usado com grande efeito em elementos como `<img> and <p>.`

### Exemplo simples
```
<header class="w3-container"> 
  <h1>Header With W3 Container</h1> 
 </header> 
```

```
<header> 
  <h1>Header Without W3 Container</h1> 
 </header> 
```

Produziria o seguinte resultado.

![Cabeçalho img](https://github.com/OcelotDive/randomImages/blob/master/images/WithWithout.PNG)

### Para usar contêineres W3.Css

Basta adicionar um link de folha de estilo regular ao cabeçalho da sua página da Web da seguinte forma:
```
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
```

ou faça o download do último arquivo css para sua máquina local. Aqui: (https://www.w3schools.com/w3css/4/w3.css)

#### Mais informações sobre contêineres W3.Css

##### W3schools.com (https://www.w3schools.com/w3css/w3css\_containers.asp)