Я хочу сделать шаблон как это:

Как создать панель навигации слева и контейнер справа?

Это HTML:

{amp}lt;div class="wrapper"{amp}gt; {amp}lt;div class="label"{amp}gt;label A{amp}lt;/div{amp}gt; {amp}lt;div class="text"{amp}gt;text A text A text A{amp}lt;/div{amp}gt; {amp}lt;div class="label"{amp}gt;label B{amp}lt;/div{amp}gt; {amp}lt;div class="text"{amp}gt;text B text B text B{amp}lt;/div{amp}gt; {amp}lt;div class="label"{amp}gt;label C{amp}lt;/div{amp}gt; {amp}lt;div class="text"{amp}gt;text C text C text C{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Я хочу, чтобы все теги меток отображались как навигация слева, а содержимое — справа.

Примечание: нельзя оборачивать метки, просто используйте этот пример кода.

Тан Ле

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,

Это называется боковой панелью . Вы можете найти его в Google. Есть много шаблонов о боковой панели.

В этом примере я только что использовал свойство display css со значением inline-block для предварительного просмотра.

 .sidebar, .content { display: inline-block; border: 1px solid #ccc; padding: 12px; } .sidebar { margin-right: 20px; } 
 {amp}lt;div class="sidebar"{amp}gt; {amp}lt;div class="label"{amp}gt;label A{amp}lt;/div{amp}gt; {amp}lt;div class="label"{amp}gt;label B{amp}lt;/div{amp}gt; {amp}lt;div class="label"{amp}gt;label C{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="content"{amp}gt; {amp}lt;div class="text"{amp}gt;text A text A text A{amp}lt;/div{amp}gt; {amp}lt;div class="text"{amp}gt;text B text B text B{amp}lt;/div{amp}gt; {amp}lt;div class="text"{amp}gt;text C text C text C{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Я немного сбит с толку относительно того, что вы подразумеваете под «не может обернуть ярлыки». Вы говорите, что не можете редактировать HTML вообще? То, как вы его настроите, усложнит получение желаемого эффекта.

То, что я хотел бы сделать, это иметь 2 оболочки в одной иерархии, одна содержит меню для ваших меток, а другая содержит ваше подменю.

 {amp}lt;div class="wrapper"{amp}gt; {amp}lt;div class="label"{amp}gt;label A{amp}lt;/div{amp}gt; {amp}lt;div class="label"{amp}gt;label B{amp}lt;/div{amp}gt; {amp}lt;div class="label"{amp}gt;label C{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="wrapper-2"{amp}gt; {amp}lt;div class="text"{amp}gt;text A text A text A{amp}lt;/div{amp}gt; {amp}lt;div class="text"{amp}gt;text B text B text B{amp}lt;/div{amp}gt; {amp}lt;div class="text"{amp}gt;text C text C text C{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;