Как установить левое свойство равным ширине содержимого

Question

Я хочу, чтобы в левой части моих статей появилась боковая панель со всеми кнопками обмена и т. Д. c ...

Это то, что у меня есть сейчас, и это не так уж плохо, но Я не хочу жестко кодировать ширину, потому что содержимое может измениться, поэтому я хочу добавить max-width, и я хотел бы установить левое значение равным размеру содержимого.

Я знаю, что я могу сделать это с помощью Javascript довольно легко, но мне было интересно, не нужно ли это.

<article>
  <div class="side-panel" ></div>
  ...content...
</article>

article{
   position: relative
}

.side-panel{
   position: absolute;
   width: 20%;
   left: 20%;
}

Редактировать: В соответствии с запросом вот пример