Рендеринг элемента таблицы HTML вне таблицы

Question

https://codepen.io/anon/pen/YJYYYG?editors=1000

Проверьте, как это отображается в коде ручки.«Идентификатор» должен быть для первой строки.

Я знаю, что это, вероятно, основная ошибка HTML, но я не могу найти ответ, почему это происходит.

Извинитеза вопрос, в чем я уверен, это повторный вопрос.Код включен ниже согласно требованию SO.

Буду признателен за любые дальнейшие отзывы о моем использовании таблиц HTML.

<tr>                                             
    <th style='padding:4px; font-family:Segoe UI,arial,sans-serif; text-align: left;'>id</th>
    <th style='padding:4px; font-family:Segoe UI,arial,sans-serif; text-align: left;'>title</th>
    <th style='padding:4px; font-family:Segoe UI,arial,sans-serif; text-align: left;'>author</th>
    <th style='padding:4px; font-family:Segoe UI,arial,sans-serif; text-align: left;'>price</th>
    <th style='padding:4px; font-family:Segoe UI,arial,sans-serif; text-align: left;'>qty</th>                                                                               
</tr>

Answer 1

Да, вы пропустили кавычку в первой строке:

<table align='center' border='1px solid black' style='... width: 100%;>    

должно быть

<table align='center' border='1px solid black' style='... width: 100%;'>    
----------------------------------------------------------------------^