Верстка, CSS, HTML, SVG

Как использовать пространство правее таблицы в html?

Если создана относительно небольшая таблица, как использовать пространство справа от нее средствами html? я полный ноль в верстке, а в справочниках не нашел ничего подходящего, может быть плохо искал
Можно и так.

  


HTML Table Example



Aside Content


Row 1, Cell 1
Row 1, Cell 2
Row 1, Cell 3


Row 2, Cell 1
Row 2, Cell 2
Row 2, Cell 3


Row 3, Cell 1
Row 3, Cell 2
Row 3, Cell 3





Main Content
This is some text in the main content area.



To Llik
To Llik
92 193
Лучший ответ
Если тебе нужно обтекание таблицы текстом, то для тега table задай:
float: left;

Для более сложных случаев делай таблицу элементом grid или flex.
SB
Samat Baimuhanov
98 417
Санжар Тыныбеков Ну вопрос был про html без css, но видимо ничего путного так сделать не выйдет. В чистом html видимо только в ячейках этой же таблицы. Но это вопрос без особого смысла, я просто к css пока не притрагивался, вот и спросил, думал и так можно.

Вопрос по части верстки:
Много слышал про устаревшие средства html.
А правильно я понимаю, что устаревшими считаются по большей части атрибуты, отвечающие за "стиль", и это все теперь делается с помощью css?
На чистом html, без css? Тогда разве что старой табличной вёрсткой. Засунуть таблицу в другую таблицу и разделить как надо ячейками
Чтобы использовать пространство справа от таблицы в HTML, вы можете включить таблицу в контейнер (например, div) и настроить стили для этого контейнера. Вот примерный код:

html
<div style="float: left; width: 70%;">
<table>
<!-- Ваш код таблицы -->
</table>
</div>

<div style="float: right; width: 30%;">
<!-- Содержимое, которое должно находиться справа от таблицы -->
</div>


В этом примере таблица размещается в контейнере слева, занимая 70% ширины, а содержимое справа от таблицы размещается в контейнере справа, занимая 30% ширины.

Вы также можете использовать другие подходы для создания пространства справа от таблицы, например, использовать грид-систему или флексы.

html
<div class="container">
<div class="table-container">
<table>
<!-- Ваш код таблицы -->
</table>
</div>

<div class="content">
<!-- Содержимое, которое должно находиться справа от таблицы -->
</div>
</div>

<style>
.container {
display: grid;
grid-template-columns: 70% 30%;
}

.table-container {
grid-column: 1;
}

.content {
grid-column: 2;
}
</style>


В этом примере используется грид-система, где контейнер разделен на два столбца с помощью grid-template-columns. .table-container отображает таблицу в левом столбце, а .content содержит материал справа.

Используйте соответствующий подход в зависимости от ваших потребностей и настроек дизайна страницы.
А.
Алмас ....
216