Table of Contents
W3.Css Containers
W3. CSS Containers is predefine class use just like a external CSS.
- The W3-Container class adds a 16px left and right padding to any HTML element.
This classes are use in different container elements like:
- <p>, <div>,<article>,<section>,<header><footer>,<from>and more.
The w3-container provides equality for all HTML elements.
- Common margins, Common paddings, Common alignments, Common fonts, and colors.
Example
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<link rel="stylesheet" href="w3.css">
<body>
<div>
<h2>Without W3.CSS a Container</h2>
<p>W3. CSS Containers is predefine class use just like a external CSS.</p>
<p>The W3-Container class adds a 16px left and right padding to any HTML element.</p>
</div>
<div class="w3-container">
<h2>With W3.CSS a Container</h2>
<p>W3. CSS Containers is predefine class use just like a external CSS.</p>
<p>The W3-Container class adds a 16px left and right padding to any HTML element.</p>
</div>
</body>
</html>