HTML p Tag
Last Updated :
20 Nov, 2024
Improve
HTML <p> tag defines the paragraph and is used to give structure to text content within a webpage. It is a block-level element & used to add the space or margins after and before the element this is done by browsers by default.
Note: The HTML <p> tag supports the Global Attributes and Event Attributes.
<!DOCTYPE html>
<html>
<body>
<p>Welcome to GeeksforGeeks</p>
</body>
</html>
Custom CSS to Paragraph
We can give the style to the paragraph with internal, external or inline CSS styling. Here we have used CSS internal styling for defining the text color to green, font-size and the font-weight.
<!DOCTYPE html>
<html lang="en">
<head>
<style>
p {
color: green;
font-size: 30px;
font-weight: 700;
}
</style>
</head>
<body>
<p>This is paragraph element</p>
</body>
</html>
Align Paragraph
The HTML <p> can be aligned with the CSS property text- align.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p style="text-align: center;">This is paragraph element</p>
</body>
</html>
Browser's Default CSS
The browser provides its default CSS style to the <p> element. The default style used by the browser is defined within the style tag in the below example.
<!DOCTYPE html>
<html>
<head>
<style>
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
</style>
</head>
<body>
<p>
This is paragraph element with
browser's default styling
</p>
</body>
</html>
