πŸ› Safari Reader Mode Rejects <code>

❌ Example: Using <code> in <p>

This is an article about <code>. It’s the HTML tag you use to represent computer code, which is especially helpful for developer blog posts.

Problem is, as soon as you put <code> in a <p> element in your <article>, Safari disables Reader Mode. 😱

I know, right? Other online reading tools (Feedly, Pocket, Instapaper)

βœ… Workaround: Using <span>

This is an article about <code>. It’s the HTML tag you use to represent computer code, which is especially helpful for developer blog posts.

Problem is, as soon as you put <code> in a <p> element in your article, Safari disables Reader Mode. 😱

⚠️ Example: Using <code> in <div>

References