title: How rotate html table from horizontal to vertical?
body: <p>I have made the seating of the bus horizontally. This is done through a table. However, the table is now in a horizontal variant. For mobile phones, I need to make it vertical without messing up my code.</p>
  <p>I tried to do it through transform(rotate90deg), the desired result is obtained, but the table merges with the text. How do I move the table down using transform(rotate90deg) or is there another css solution?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"&gt;&lt;/script&gt;
  &lt;table class=""&gt;
                      &lt;!--TODO переключнение этажей, подсветка занятых мест, подсветка выбранных мест--&gt;
                      &lt;tr v-for="stroka in mergeFlights.find(trip =&gt; trip.id_trip===busTriptId).bus_config[floor]" :key="stroka"&gt;
                        &lt;td v-for="seat in stroka" :key="seat"
                          :rowspan="seat.split('+')[1]" 
                          :colspan="seat.split('+')[2]" 
                          align="center"&gt;
                          &lt;div v-if="seat.split('+')[3].replace('_', '') !== ''" :class="seat.split('+')[0]" :id="'seat_'+seat.split('+')[3].replace('_', '')"&gt;{{seat.split('+')[3].replace('_', '')}}&lt;/div&gt;
                          &lt;div v-else-if="seat.split('+')[0] == 'voditel'" :class="seat.split('+')[0]" :id="'seat_'+seat.split('+')[3].replace('_', '')"&gt;{{seat.split('+')[3].replace('_', '')}}&lt;/div&gt;
                        &lt;/td&gt;
                      &lt;/tr&gt;
                    &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/lJZ7u.png" rel="nofollow noreferrer">bus scheme horizontal</a></p>
  <p><a href="https://i.stack.imgur.com/QerDI.jpg" rel="nofollow noreferrer">bus scheme vertical with css transform rotate</a></p>