Is it valid to put table element into list element in HTML5?

html

Solution

You don't necessarily need to check with W3 for information like this. Mozilla Developer Network is a great resource full of information regarding standards and compatibility. For instance, the page for `<li>` elements describes them as follows (emphasis mine):

Content categories: None. Permitted content: Flow content.

And there's even a section describing flow content:

Elements belonging to the flow content category typically contain text or embedded content. They are: `<a>`, `<abbr>`, `<address>`, `<article>`, `<aside>`, `<audio>`, `<b>`, `<bdo>`, `<blockquote>`, `<br>`, `<button>`, `<canvas>`, `<cite>`, `<code>`, `<command>`, `<datalist>`, `<del>`, `<details>`, `<dfn>`, `<div>`, `<dl>`, `<em>`, `<embed>`, `<fieldset>`, `<figure>`, `<footer>`, `<form>`, `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>`, `<header>`, `<hgroup>`, `<hr>`, `<i>`, `<iframe>`, `<img>`, `<input>`, `<ins>`, `<kbd>`, `<keygen>`, `<label>`, `<map>`, `<mark>`, `<math>`, `<menu>`, `<meter>`, `<nav>`, `<noscript>`, `<object>`, `<ol>`, `<output>`, `<p>`, `<pre>`, `<progress>`, `<q>`, `<ruby>`, `<samp>`, `<script>`, `<section>`, `<select>`, `<small>`, `<span>`, `<strong>`, `<sub>`, `<sup>`, `<svg>`, `<table>`, `<textarea>`, `<time>`, `<ul>`, `<var>`, `<video>`, `<wbr>` and Text.

So, those pages tell us that a `<table>` is indeed valid within a `<li>`. Of course, you can find this information in mirrors of the HTML spec too, I just find MDN a little quicker to navigate.

Problem

Original source