<div>
  <p>
    You can use the ::first-line pseudo-element to style the first line of a text. You must know that in order to use this pseudo-element, the content targeted must ba a block-level element and not an inline element. You can use the ::first-line pseudo-element to style the first line of a text. You must know that in order to use this pseudo-element, the content targeted must ba a block-level element and not an inline element. You can use the ::first-line pseudo-element to style the first line of a text. You must know that in order to use this pseudo-element, the content targeted must ba a block-level element and not an inline element.
  </p>
</div>
div > p::first-line {
  content: "";
  color: red;
  text-decoration: underline;
  font-size: 20px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.