gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(guide): Fix all frontmatter

Browse Source
This commit is contained in:
Bouncey
2018-10-19 13:53:51 +01:00
committed by Stuart Taylor
parent 569bd7c3a7
commit 6d511c558a
146 changed files with 926 additions and 1469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
guide/english/css/w3-css-containers/index.md
View File

@ -1,3 +1,6 @@
---
title: W3 CSS Containers
---
## W3 CSS Containers
W3.css provides a container class which adds 16 pixels worth of left and right padding to any html element, and 0.01em of
@ -5,12 +8,12 @@ top and bottom padding.
This makes it ideal for html containing elements such as ```<header>, <div>, <footer>, <section>```etc. But can also be used with great effect on elements like ```<img> and <p>.```
### Simple example
```
```html
<header class="w3-container">
<h1>Header With W3 Container</h1>
</header>
```
```
```html
<header>
<h1>Header Without W3 Container</h1>
</header>
@ -21,15 +24,15 @@ Would produce the following result.
### To use W3.Css Containers
Just add a regular stylesheet link to the head of your web page like so:
```
```html
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
```
or download the latest css file to your local machine. Here: (https://www.w3schools.com/w3css/4/w3.css)
```
or download the latest css file to your local machine [from here](https://www.w3schools.com/w3css/4/w3.css)
#### More Information on W3.Css Containers
##### W3schools.com (https://www.w3schools.com/w3css/w3css_containers.asp)
* [W3schools.com](https://www.w3schools.com/w3css/w3css_containers.asp)