CodePen

HTML

            
              <p>The first letter is capital T</p>
<p>The first letter is captial T</p>
<p>The first letter is capital T</p>
<p>The first letter is captial T</p>
            
          
!
via HTML Inspector

CSS

            
              p::first-letter {
 border: 1px solid;
 font-weight: bold;
 color: red;
}

p:nth-of-type(2):before {
 content: 'hi - '; 
}

p:nth-of-type(3):before {
 content: open-quote; 
}


p:nth-of-type(4)::first-line {
 color: blue;
 text-decoration: underline;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................