that wraps all of your content and styles. This keeps your code scoped and prevents it from affecting other elements on the page. ### No full document structure Do not include , , , or tags. These are already part of the page your HTML block lives within, and including them will cause rendering issues. ### Avoid global CSS resets Styles that target \*, body, or html can override the rest of your site's design. Always scope your styles to your container class to avoid unintended side effects. Similarly, avoid viewport-controlling styles like 100vh or position: fixed, as these may conflict with the overall page structure. ### Adding stylesheets The HTML block does not support a tag, so you cannot link external stylesheets using the standard document approach. As a workaround, you can add tags directly inside your HTML block. --- ## Character and size limits The editor has a 50,000 character limit, which applies to the total content in the editor — not to individual HTML blocks. Very large HTML blocks may also experience rendering issues independently of this limit. > **Pro Tip** > > If you're working with a large or complex HTML embed, try splitting it across multiple HTML blocks on your page. This can help avoid rendering issues and makes your code easier to manage. --- ## Frequently asked questions about HTML blocks in the Website Builder **Can I use iFrames in the Website Builder?** Yes. iFrames are fully supported in HTML blocks in the Website Builder. Note that iFrame behavior differs from the legacy builder. If you're [migrating from a legacy site](https://beehiivhelp.zendesk.com/hc/en-us/articles/37899364248983), be sure to test your iFrame embeds in Preview before publishing. **My styles are affecting other parts of the page. How do I fix this?** Scope all of your styles to a unique class on your container

and avoid global CSS selectors like \*, body, or p to keep your styles contained to your HTML block only. **How do I add an external stylesheet?** You can include a tag directly inside your HTML block to add an external stylesheet. You don't need to place it inside a tag. The browser will process it regardless of its position in the block. **Can I use Tailwind CSS in HTML blocks?** Yes, custom Tailwind CSS is supported in HTML blocks in the Website Builder. **My HTML block looks broken in the editor, how do I fix it?** If your HTML block includes interactive elements, it may not render fully in the editor. This is expected behavior. Switch to **Preview** to see how your block will look and behave on the live site.