Для текста установить нужную высоту max-height , скрываем лишнее - установить overflow: hidden. При нажатие кнопки установить max-height текста 999px(к примеру). Это можно например с помощью JS , либо чисто на css с помощью input checkbox.
P.S. ну для красоты добавить transition.

https://codepen.io/ianfarb/pen/ikeAf

Можно в content:"\e003" пишете код иконки, указываете как font glyphicon.
Код иконки можно посмотреть здесь

У него нет margin. Удобно смотреть блочную модель справа снизу на скрине, там показывает и margin, padding, border. Из-за этого и прижимается к левому краю.
Если не ошибаюсь то блочные элементы занимают всю ширину - из-за этого "кажется что есть margin". Div по умолчанию блочный( display: block).