Shulou(Shulou.com)06/02 Report--

This article mainly shows you "css how to clear p tag self-spacing", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "css how to clear p tag self spacing" this article.

In css, you can clear the spacing of the p tag itself by setting the style "p {padding:0;margin: 0: 0" for the p tag.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

In HTML, each tag has a default style, for example, the p tag itself has spacing:

P {border: 1px solid red;}

Hello

Hello

So how to remove the spacing of the p tag itself?

We can use the margin and padding properties and set their values to 0:

P {padding:0; margin: 0;}

This clears the spacing of the p tag itself:

But in some browsers, even so, p has an upper and lower margin, because

Here-webkit-margin-after and-webkit-margin-before both have 1rem, so it's best to set both to 0

-webkit-margin-before: 0: 0When webkit: margin after: 0; above is all the content of the article "how css clears the distance between the p tags themselves". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.