Как выборочно расположить элементы по 2 стороны контейнера?

Question

[Виктор Гузинов]

<div class="wrap">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

Есть ряд элементов, в рамках общего wrap
Хочу чтобы они выстроились по обе стороны, задав каждому отдельно условное значение left / right
Не могу решить, подскажите плз

Answer 1

[Ankhena]

Проще всего гридами
grid-column и указываете колонку
и dense или grid-auto-flow column

По аналогии https://jsfiddle.net/Ankhena/k2g1x0sh/

Comments

[Виктор Гузинов]

Ankhena, то что нужно, спасибо большое =)

Answer 2

[Владимир Ясанкин]

Вместо wrap table с 2 колонками и выравнивание 1 налево 2 направо

<TABLE id=s title=1 border=1 width="100%" time="1"> <TBODY> <TR> <TD><BUTTON>1</BUTTON> </TD> <TD rowSpan=2>Содержимое контейнера</TD> <TD align=right><BUTTON>2</BUTTON> </TD></TR> <TR> <TD><BUTTON>3</BUTTON> </TD> <TD align=right><BUTTON>4</BUTTON> </TD></TR></TBODY></TABLE>

Comments

[Ankhena]

Можно, пожалуйста, пример как они по классу окажутся в разных строках и с нужной стороны?