How to hide paragraph using CSS?

Answer

To hide paragraph using CSS, you can set the display style property for the paragraph elements with the value none.

CSS Code

The following is a typical CSS code to hide paragraph in HTML page using tag name p.

p {
   display: none;
}

Examples

We shall go through some working examples on how to hide paragraph using CSS. In the following examples, you may change the value of display and Run the code to visually observe the changes made to the Paragraph elements.

Example 1

You may edit the following code, and click on Run button.

Example 2

You may edit the following code, and click on Run button.