Как реализовать табы профиль и друзья?

Question

[Иван]

Как сделать эти два таба? То есть у нас есть wrapper с контентом, который расположен по середине, а так же два div__tab-link, которые отвечают за табы и их при помощи маргинов поднять выше? Или как? Нужен совет

Comments

[Сергей delphinpro]

Совет дать несложно, если понять, что вам нужно =))

С виду самые обычные вкладки, коих тысячи найти можно. В чем проблема, не ясно.

[Иван]

Сергей delphinpro, вопрос в том, как мне их туда поместить, не при помощи же position: absolute и отодвигать к нужной точке при помощи margin

[Сергей delphinpro]

BenderIsGreat34, не нужно ничего никуда помещать. Они уже сверху.

<tabs>
  <tab>Профиль</tab>
  <tab>Друзья пользователя</tab>
</tabs>
<tab-panels>
  <tab-pane>Содержимое вкладки профиль</tab-pane>
  <tab-pane>Содержимое вкладки друзья</tab-pane>
</tab-panels>

И все.
Совет: просто посмотрите как делают такие вкладки. Хоть в том же бутстрапе, или примеры на codepen.io поищите.