How to place this text in HTML?

Question

In the following screenshot, I would like to add a href which re-directs to a particular link between the refresh button and the Need Help? Button, however, when I use <span> , it doesn't work. It places it in the next line. How can I do it?

The HTML code for the screenshot is as follows:

<div class='modal-header'>
    <h3 class='modal-title' id='modal-title'>Deployment {{ctrl.ecsDeploymentDetails.number}} Details
        <a type="button" class="btn" ng-click="ctrl.refresh()" title="Refresh Events">
            <span class="glyphicon glyphicon-refresh" ng-class="{'glyphicon-spin': ctrl.loading}"/>
        </a>
        <!--<h6><span class="well-small"><p>Please refer</p></span></h6>-->
        <button type="button" class="btn btn-primary" style="float: right"
                ng-if="ctrl.supportRequired && ctrl.ecsDeploymentDetails.state === 'FAILED'" &&
                ng-click=ctrl.createAlert()>
            Need help?
        </button>
    </h3>
</div>

Answer 1

Please try this code.

<div class="modal-header">
    Deployment {{ctrl.ecsDeploymentDetails.number}} Details
        <a type="button" class="btn" ng-click="ctrl.refresh()" title="Refresh Events">
            <span class="glyphicon glyphicon-refresh" ng-class="{'glyphicon-spin': ctrl.loading}">
            </span>
        </a>
        <span class="well-small" style="font-size: 10pt">Please refer</span>
        <button type="button" class="btn btn-primary" style="float: right" ng-if="ctrl.supportRequired &amp;&amp; ctrl.ecsDeploymentDetails.state === 'FAILED'" &&="" ng-click="ctrl.createAlert()">
            Need help?
        </button>
</div>