Troubleshoot Layout Issues: Find Problematic HTML Tags

Shawn Huber

Dec 18, 2024, 3:36 PM

What's the best tool to look at the HTML of a page and find the offending tag or missing tag that is breaking the layout? We have an API from a 3rd party that is causing display issues and I need to find it.

Forwarded thread from another channel:

Dale McGeorge

Dec 18, 2024, 4:24 PM

Have you already tried AI?

Shawn Huber

Dec 18, 2024, 4:25 PM

I did copy the HTML into AI but it was too much so it wouldn't accept it

Dale McGeorge

Dec 18, 2024, 4:27 PM

Try a model with a larger context window, like Gemini 1.5 Pro with 2M. Easy to do in <https://aistudio.google.com/>

Google AI Studio

Google AI Studio is the fastest way to start building with Gemini, our next generation family of multimodal generative AI models.

Mika Lepistö

Dec 18, 2024, 5:19 PM

Copy the HTML into a text doc, then upload when cut/paste into prompt window doesn't work due to size.. Use the rendered source copied from devtools. This has worked well for me in general.

Anne Hennegar

Dec 18, 2024, 6:32 PM

To add to the suggestions above, I would also upload a picture of the rendered page to show the layout problem.

Recently, I had a problem with CSS and uploaded it and explained the problem. OK..results. When I also uploaded the image with callout, the response was much better and honed in on the problem.

I was using Gemini 2.0 flash experimental with TypingMind. It's context window is 1M

Shawn Huber

Dec 18, 2024, 7:25 PM

They see it just fine, but they don't think it's them, then think it's how we are rendering their HTML despite there never being an issue before and this is the second time in the last month that this issue has occured.

Anne Hennegar

Dec 18, 2024, 8:52 PM

Have you used something like <https://www.browserstack.com/|BrowserStack> to see if the issue is isolated to a certain browser etc?

Most Reliable App & Cross Browser Testing Platform

Instant access to 3000+ browsers and real iOS and Android devices for cross browser testing. Ship apps and websites that work for everyone, every time. Get Free Trial.

Mika Lepistö

Dec 18, 2024, 11:52 PM

What do you mean by how you are rendering it? Are you doing something like prerender for them? Or do you mean your debug of this?

Shawn Huber

Dec 19, 2024, 8:25 AM

Nope, just displaying the HTML from their API as we have been doing for years.

Bhagyesh Patel

Dec 22, 2024, 8:04 AM

I would check console in browser for any error.

Then check on html validator

<https://validator.w3.org/|https://validator.w3.org/>

• it will show too many warnings- not sure if it requires fix.

May be this helps.

The W3C Markup Validation Service

W3C's easy-to-use

markup validation service, based on SGML and XML parsers.

Krunal Joshi

Dec 27, 2024, 3:17 PM

@shawn.l.huber @dale @prodport one of the weird bug to find missing tab on large html undefined if you can explain me in DM I’ll try to create a tool for you guys.

Channels

agency (3)

ai-for-seo (11)

ai-llms (24)

analytics (13)

biz-of-seo (4)

career (4)

content (15)

cro (4)

data-viz-reporting (4)

datascience (2)

ecommerce (3)

events (1)

freelance (2)

general-seo (21)

in-house (2)

local-seo (12)

local-seo,biz-of-seo (1)

lounge (1)

reading-list-resources (3)

search-console (11)

shameless-plug (1)

technical-seo (37)

tools (1)

Join The Community

The SEO Community is a free organization, with private Slack group and events, for those interested in search and AI optimization to learn, discuss, and meet others in the industry.

Troubleshoot Layout Issues: Find Problematic HTML Tags

Channels

Join The Community

Resources

The SEO Community © 2026

Troubleshoot Layout Issues: Find Problematic HTML Tags

Channels

Sign up to get the newsletter

Join The Community

Resources

The SEO Community © 2026