Как разместить текст в центре этого div?

Question

вот пример:

Без иконки, текст не находится в середине, когда я добавляю эти значки (поплавок: справа), текст перемещается влево и больше не середина? Любое предложение о том, как разместить его посередине?

Исходный код:

<div class="alert alert-success text-center text-uppercase" ng-show="vm.data"> 
    {{vm.showFoundItems(filteredItems.length)}} 
    <a href="/RealSuiteApps/RealSuite/-1/WorkOrder/Index/" target="_blank"><img src="~/Content/images/icon-search35.png" class="pull-right" style="margin: -7px 0 -7px 10px" /></a> 
    <img src="~/Content/images/icon-sort35.png" class="pull-right" style="margin: -7px 0 -7px 10px" ng-click="filterVisible = !filterVisible" /> 
</div> 

Update

Ну, спасибо о DIV внушения, он сделал эту работу, только необходимое для установки appropriatly полей иконки позиционировать их на одной линии по вертикали

<div class="alert alert-success text-center text-uppercase" ng-show="vm.data"> 
    <div>{{vm.showFoundItems(filteredItems.length)}}</div> 
    <a href="/RealSuiteApps/RealSuite/-1/WorkOrder/Index/" target="_blank"><img src="~/Content/images/icon-search35.png" class="pull-right" style="margin-top: -27px" /></a> 
    <img src="~/Content/images/icon-sort35.png" class="pull-right" style="margin-top: -27px; margin-right: 10px" ng-click="filterVisible = !filterVisible" /> 
</div> 

Answer 1

Это происходит из-за того, что ваши изображения используют используемую ширину, содержащую div. Самый простой способ получить желаемый эффект - обернуть {{vm.showFoundItems (filtItems.length)}} в свой собственный содержащий div. Вот ссылка на пример codepen, показывающий это. codpen

<div> {{vm.showFoundItems(filteredItems.length)}} </div>