I use page breaks to add company notifications such as labor day hours and a lot of html is not working. Is it limited what I can use? I can't find documentation pointing me to any usable html. I'll paste a sample below of what I was trying to do.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Labor Day Notification & Hours Reminder</title>
</head>
<body>
<div style="margin: 20px auto; border: 3px solid #009688; padding: 15px; max-width: 400px; font-family: Arial, sans-serif; background-color: #FAFAFA; text-align: center;">
<!-- Delivery Notification for Labor Day -->
<h3 style="font-size: 20px; color: #333;">Delivery Notification for Labor Day</h3>
<p style="color: #666;">You've chosen a delivery for <strong>Monday, September 4, 2023 - Labor Day.</strong></p>
<p style="color: #666;">Will you be open for deliveries? Alternatively, should we:</p>
<ul style="list-style-type: none; padding: 0; color: #666;">
<li>Put the delivery in the mailbox?</li>
<li>Hang the delivery on the door?</li>
</ul>
<p style="color: #009688;">Please <strong>include your choice in the comments section</strong> when finalizing your order. To add comments, return to the previous page.</p>
<p style="color: #666;">Deliveries on September 5, 2023, will follow standard routes. If you require a specific delivery time, inform us, and we'll arrange for a third-party delivery service.</p>
<!-- Fancy Divider -->
<hr style="border: 0; height: 2px; background-image: linear-gradient(to right, #FAFAFA, #009688, #FAFAFA); margin: 15px 0;">
<!-- Labor Day Hours Reminder -->
<h3 style="font-size: 20px; color: #333;">Labor Day Hours Reminder</h3>
<ul style="list-style-type: none; padding: 0; color: #666;">
<li><strong>Operating Hours:</strong> 7:00 a.m. to 12:00 Noon.</li>
<li>Deliveries will depart after 12:00 Noon.</li>
</ul>
</div>
</body>
</html>