css paragraph code example

Example 1: center p html

<p style="text-align: center">this is centered</p>

Example 2: text color css

.class {
  color: white;
}

Example 3: p tag

What does the <p> tag do: Creates a new paragraph.

<p>This is a paragraph tag in HTML.</p>

Example 4: how to style individual paragraphs in css

/* This is the reference to style the above code of html in css*/

#one{
    font-family: 'Impact';
    color: red;
    font-size: 25px;
}
#two{
    font-family: 'Times New Roman';
    color: blue;
    font-size: 50px;
}
.three{
    font-family: 'Impact';
    color: red;
    font-size: 25px;
}
.four{
    font-family: 'Times New Roman';
    color: blue;
    font-size: 50px;
}

Example 5: how to style individual paragraphs in css

<!--This is an example of html problem-->

<!doctype html>

<html>
    <head>
    <link rel="stylesheet" type="text/css" href="test.css">
    </head>

    <body>
    <p id="one"><p>Paragraph 1</p>
    <p id="two"><p>Paragraph 2</p>
    <p class="three">Paragraph 3</p>
    <p class="four">Paragraph 4</p>
    </body>
</html>

Example 6: how to use p in html

<p> your text here </p>

Tags:

Html Example