DSoly

Вариант через Flex'ы. Их больше браузеров поддерживает чем calc.

<div class="wrap">
  <div class="mdl-panel"></div>
  <div class="mdl-center-panel">Start Content</div>
  <div class="mdl-panel"></div>
</div>

.wrap {
  display: flex;
  justify-content: space-between;
}
.mdl-panel {
  width: 300px;
  height: 100px;
  background:green;
} 
.mdl-center-panel {
  width: 100%;
  height: 100px;
  background: red;
}

IMHO наиболее практично использовать svg-иконки с помощью иконочных шрифты. Например на icomoon.io, создаем иконочный шрифт и подключаем его к сайту.
Далее, чтобы вставить иконку в нужное место html-страницы достаточно прописать ("icon-*" - класс нужной иконки из шрифта). И с помощью обычного CSS (font-size, color и т.д.) устанавливаем размер, цвет... как индивидуально так и группами, это уже как душа пожелает.

Простой вариант:

<fieldset>
   <legend>Скидки за приглашение каждого участника</legend>
   <div>Содержимое блока</div>
</fieldset>

fieldset'у и legend'у можно добавлять необходимые классы с нужными стилями.