<h3 id="heading-new-way-of-using-padding-amp-margin">New way of using Padding &amp; Margin</h3>
<ol>
<li>The value specifies the padding for the inline (horizontal) and block (vertical) directions, respectively. Example:
<pre><code class="lang-css"> padding-inline: 2.5rem ;
 padding-block: 2.65 rem ;
</code></pre>
<ul>
<li><code>padding-inline</code>: This sets an element's horizontal padding (left and right). In this case, it's set to <code>2.5rem</code>, where <code>rem</code> stands for "root em" and is a unit relative to the root element's font size.
</li>
<li><code>padding block</code>: This sets the vertical padding (top and bottom) for an element. It's set to <code>2.65rem</code>.
</li>
</ul>
</li>
</ol>

### New way of using Padding & Margin

1. The value specifies the padding for the inline (horizontal) and block (vertical) directions, respectively. Example:
    
    ```css
    padding-inline: 2.5rem ;
    padding-block: 2.65 rem ;
    ```
    
    * `padding-inline`: This sets an element's horizontal padding (left and right). In this case, it's set to `2.5rem`, where `rem` stands for "root em" and is a unit relative to the root element's font size.
        
    * `padding block`: This sets the vertical padding (top and bottom) for an element. It's set to `2.65rem`.

Web Development

Web Development

Padding & Margin

Table of contents

New way of using Padding & Margin