Как разделить меню изнутри?

Question

[Александр Донов]

Есть меню вида

<div id="menu">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</div>

нужно обернуть в div по 3 элемента, то есть

<div id="menu">

<div class="one">
<li>1</li>
<li>2</li>
<li>3</li>
</div>

<div class="one">
<li>4</li>
<li>5</li>
<li>6</li>
</div>

<div class="one">
<li>7</li>
<li>8</li>
<li>9</li>
</div>

</div>

Вопрос: как это сделать?

Answer 1

[Ольга Грабко]

codepen.io/anon/pen/EPOOpO

Answer 2

[Василь Бойко]

если в div то это будет не валидно.
Вопрос от меня: а зачем Вам это?

Comments

[Александр Донов]

сорри, исправил

Answer 3

[dom1n1k]

Ну заменить ul/li на div-ы и всего делов. В чем проблема-то?

Answer 4

[Александр Донов]

меню генерится пхп-шкой, сделать данную манипуляцию можно только инъекцией JS
*****************
это модели митсубиси(пункты меню слева направо)


а это форд(пункты меню в столбик)


я не вижу другого способа выровнять пункты =)

Comments

[dom1n1k]

Колонки? caniuse.com/#feat=multicolumn