Online Html Editor

<!DOCTYPE html> <html lang="en"> <head> <style> .container{ border: solid; padding: 7px; } .container p { font-size: 16px; color: black; } .container p:last-of-type { font-size: 18px; font-weight: bold; color: blue; } </style> </head> <body> <h2>Last-of-Type Pseudo-Class Example</h2> <p>Here last of the type paragraph in container is styled</p> <div class="container"> <p>First - paragraph.</p> <p>Second - paragraph.</p> <p>Third - paragraph.</p> <div>Fourth - Div</div> </div> </body> </html>