Let's practice our skills on inheritance by styling notifications on a phone lock screen.

<head> <style>body { background-color: bisque; text-align: center; } p { border: solid 1px bisque; margin: 0; padding: 10px; } div { border-radius: 10px; background-color: whitesmoke; font-size: small; text-align: left; }</style></head> <html> <body> <h1> 19:58 </h1> <h5> 25 Dec - Cloudy </h5> <div> <p> Instagram - 12m </p> <p> Messenger - 29m </p> <p> Gmail - 30m </p> </div> </body> </html>]]>