Как удалить тег?

Question

[Apple_ins]

Код:

<table>

<tr>
<td>  
<ol>1 столбик
<li></li>
<p id="text_ls"></p>
<li></li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
</ol>
<td class="mob_no">  
<ol> 2 столбик 
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
<p id="text_ls"></p>
<li>Свободно</li>
</ol>
<tr>
</table>

Когда ширина экрана достигает 768px удаляется 2 столбик, а его содержимое переностся в первый.
Если этого не сделать, то второй столбик просто будит вылазить за пределы страницы.

Заранее благодарен)

Comments

[Егор Неведов]

id - для уникальных элементов, пропишите классы

Answer 1

[Алексей Скобкин]

www.w3schools.com/css/css_rwd_mediaqueries.asp

Answer 2

[Ankhena]

Перестать верстать таблицами (про то что парные теги должны быть парными, промолчу).
Вытащить списки из таблицы.
Сделать им float:left, тогда как только второй перестанет помещаться, съедет вниз.

Другой вариант - любимый flex.

Comments

[Apple_ins]

Эти столбцы находятся внутри div, если я использую float, столбцы вылетают из div(

[Ankhena]

Apple_ins: у Вас такая каша в показанном коде, а еще рассказ про какой-то див. На ощупь дальше не помочь.

Надо:
либо дать ссылку на сайт, либо выложить код на codepen.io или https://jsfiddle.net/ или подобное.

Answer 3

[semki096]

в таком случае лучше заменить таблицу на блоки. Таблицу есть смысл верстать если она умещается в мин ширину.