Learn <div> container 148_Div_Container.html

Padding is the most useful in <span> for inserting horizontal space as specified by the style in the style section by span.space. The style for space was set to have a width of 20px

The w3-container class adds a 16px left and right padding to any HTML element.

The w3-container class is the perfect class to use for all HTML container element like:
<div>, <aricle>, <section>,<header>, <footer>, <form>, and more.

The w3-container provides equality for all HTML container elements:

Common margins
Common paddings
Common alignments
Common fonts
Common colors

To use a container, just add a w3-container class to any element:

The display of Header & Footer examcple occurs sequentially.

I shall display the example below:

<div class = "w3-container">
      <h2>Panels as Cards</h2>
      <p>The w3-panel class can be used to display cards:</p>

   <div class = "w3-panel w3-blue w3-card-4">
      <p>London is the most populous city in the United Kingdom,
       with a metropolitan area of over 9 million inhabitants.</p>
   </div>
</div>


 <div class = "w3-container">
	<h2>Panels as Cards</h2>
	<;p>The w3-panel class can be used to display cards:</p>

   <div class = "w3-panel w3-blue w3-card-4">
      <p>London is the most populous city in the United Kingdom,
       with a metropolitan area of over 9 million inhabitants.</p>
   </div>
 </div>

These exercises are not related to the Castro book I am learning from.