Добрый день, как сделать что бы текст не накладывался на таблицу(скрин)?

Question

[Дима Авдошин]

У меня есть автогенерируемый шаблон, который представляется в формате css html
проблема в том, что с поворотами таблиц работать он не может
поэтому я редачу его css

.table {transform: rotate(-90deg); margin-top:400px; margin-bottom:400px;border-collapse: collapse;}"

тут я поворачиваю его на 90 градусов, временным ограничением стало отступы сверху и снизу таблицы, но хочется что то более универсальное и статичное

Comments

[black1277]

margin-left: 50px; пробовали? подберите цифру нужную там 50-400px

[Ankhena]

Была бы песочница, было бы проще.
Возможно, вам поможет transform-origin

[Дима Авдошин]

Ankhena, скажите в какую удобно вам выложить

[Ankhena]

Дима Авдошин, jsfiddle.net удобно, без регистрации

[Дима Авдошин]

Ankhena,

https://jsfiddle.net/h3xo9b24/ - нормальный шаблон до поворота
https://jsfiddle.net/12tfqveg/ - перевернутый

[Ankhena]

Дима Авдошин, да, тут только ваш вариант. Если таблица всегда одинаковой изначальной ширины, то бронировать под неё место (всё рано чем, тем же отступом). Если разной, то предварительно выяснять её на js.