как сделать чтобы вложенный div расхлопывался правильно?

[Suliman1]

Скорее всего вопрос очень популярный, но не знаю как его нагуглить. Вот код разметки на базе AngularJS. Проблема с последним вложенным дивом в котором выводится кнопка: {{a.subanswer}}

При выводе пунктов все расползает. Вот так: http://img.ctrlv.in/img/15/11/18/564c471fa240c.png
Как сделать, чтобы подпункты просто выводились в одну линию без расползания верних пунктов в одну линию.

		            <div ng-repeat="answer in question.answers" class="user-answer-block">			            <button class="btn"			                    ng-class="{'btn-primary': answer.isSelected}"			                    ng-disabled="answer.isDisabled"			                    ng-click="setChoice(answer, question)">			                {{ answer.answer }}			            </button>			            <br/>			            <div ng-show="answer.isSelected">			            	<button class = "btn" ng-repeat="a in answer['subanswers']">{{a.subanswer}}</button>			            </div>			         </div>

[Suliman1]

Уточню вопрос. Есть вложенные дивы. Как сделать чтобы не смотря на уровень вложенности один див отображался строго под другим?