HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
I have 12px top and bottom padding and 24px left and right padding
The w3-padding-number classes add top and bottom padding to any HTML element:
Class | Defines |
---|---|
w3-padding-16 | Adds 16px top and bottom padding to an element |
w3-padding-24 | Adds 24px top and bottom padding to an element |
w3-padding-32 | Adds 32px top and bottom padding to an element |
w3-padding-48 | Adds 48px top and bottom padding to an element |
w3-padding-64 | Adds 64px top and bottom padding to an element |
I have 16px top and bottom padding
I have 24px top and bottom padding
I have 32px top and bottom padding
I have 48px top and bottom padding
I have 64px top and bottom padding
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
The w3-padding-size classes add top, bottom, right, and left padding to any HTML element:
Class | Defines |
---|---|
w3-padding | Adds 8px top and bottom, and 16px left and right padding |
w3-padding-small | Adds 4px top and bottom, and 8px left and right padding |
w3-padding-large | Adds 12px top and bottom, and 24px left and right padding |
I have 4px top and bottom padding and 8px left and right padding.
I have 8px top and bottom padding and 16px left and right padding.
I have 12px top and bottom padding and 24px left and right padding.
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>