Оптимальный метод реализации средствами css элементов выступающих за пределы блоков?

Здравствуйте! Подскажите наиболее верный и оптимальный метод реализации с помощью CSS, различных частей элементов макета: кнопок, заголовков, блоков. Наглядный пример приведен в приложенном изображении макета страницы – 1) меню слева имеет дополнительные части в начале и в конце, 2) зеленый значок со счетчиком в верхнем правом краю блока выступает за его границы. И если в первом случае выступающие элементы можно было бы «приклеить» с помощью before и after, то во втором – я озадачен. Использовать позишены?