Бордеры не на всю длину,как это исправить?

Question

[Артем Кашапов]

Пытаюсь сделать таблицу divами
но бордеры отображаются не на всю длину

<div class="line1">
 <div class="menu1">
                      <div class="m11">1</div>
                      <div class="m12">fdsfsdfas</div>
                      <div class="m13">'fdsfsdfas</div>
                      <div class="m14">fdsfsdfas</div>
                      <div class="m15">fdsfsdfas</div>
                    </div>
</div>

line1 {
                    width:100%;
                    border-collapse: collapse;
                    table-layout: fixed;
                }
              .menu1{
                    border-left:1px solid #000;
                    border-right:1px solid #000;
                    border-top:1px solid #000;
              }
                .menu1 div{
                    float:left;
                    margin:0px 0px 0px 0px;
                   
               
                }
                 .m11{
                    padding: 3px 7px;
                    border-right:1px solid #000;             
                    width:25px;
                    height 100vh;
                  }
                 .m12{
                    padding: 3px 7px;width:300px
                 }
                 .m13{padding: 3px 7px;width:100px}
                 .m14{padding: 3px 7px;width:45px}
                 .m15{padding: 3px 7px;width:120px}

Comments

[Артем Кашапов]

[Одиночка Айс]

Mass1veDit, зачем таблицу делать через div? Если прям хочется поизвращаться, то display: flex или display:table

[Александр Цымбал]

дайте codepen, постараюсь помочь.