Блог

Здравствуйте, я хотел бы создать адаптивную таблицу с div в статье WordPress следующим образом :

 <div class="activite">
<div class="row nbr" > "0"</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>
    <div class="activite">
        <div class="row nbr" >amp;nbsdiv;1</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>
    <div class="activite">
        <div class="row nbr" >amp;nbsdiv;2</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>
 

(Я хотел бы использовать div или p)

и я протестировал этот код стиля.

     .nbr{
            width: 20px;
        }
        .row{
            border: 1px solid #000;
            position: relative;
            float: left;
            padding: 5;
            }
        .rowForm{
            position: relative;
            float: left;            
        }
        br{
            position:relative;
            clear:left;
        }
        screen and (min-width: 360px){
        .rowForm{
            position: relative;
            float: none;            
         }          
        }
 

Но я спрашиваю, как реализовать этот простой HTML-код в WordPress, чтобы показать обычную таблицу без плагина.

Простое добавление этого кода на вкладку code в сообщении / странице WordPress должно позволить ему работать, хотя это кажется довольно странным способом добавления таблицы. Простое копирование фактической таблицы и вставка в визуальный редактор WordPress отображает ее корректно и довольно отзывчиво, даже без необходимости много работать с css.