To practice styling groups of elements some more, let's style a chatbox containing a message from a bot.

<html> <head> <style> div { font-family: "Segoe UI"; border-radius: 10px; background-color: lightblue; margin: 20px; padding: 10px; } h5 { color: grey; margin: 10px 0px 0px 30px; } body { background-color: aliceblue; }</style> </head> <body> <h3> You have 1 unread message(s): </h3> <h5> Arnold </h5> <div> <p> beep beep boop Hello there! </p> <p> I am A21016, but friends call me Arnold. I'm here to help. </p> <p> How can I help you today? </p> </div> </body> </html>]]>