How to Increase Padding in HTML Text

Padding can be added on all or individual sides within your HTML element.

HTML Web programming language is the coding necessary to create a Web page. Padding is spacing within an HTML element. Perhaps you have a block of text around which you want to increase the space. Include the text within a "DIV" tag and add padding to the tag to achieve the additional padding.

Instructions

1. Open your HTML document and scroll to the text you want to add the padding to.

2. Surround the paragraph with a beginning and ending DIV tag as follows: <div><p>This is the block of text to increase the padding on.</p></div>.

3. Type the style parameter with your desired padding values, for instance: <div style="padding-top: 8px; padding-bottom:8px;"><p>Block of text to receive more padding.</p></div>. The space on the top and bottom of the text is increased.

Resources

• W3Schools: CSS Padding