1.1 KiB
1.1 KiB
#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.
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)