How I can fix element

How I can fix my count text on div block? There is a problem when you change the screen size. Example: Normal On screen resize

HTML:

<div class="col-sm-4">
                    <div class="top-block">
                        <div class="huge"><i class="fa fa-book"></i></div>
                    </div>
                    <div class="well">
                        <span class="badge right-corner">${count}</span>
                        <h4>Архів</h4>
                        <a class="watcher" href="/edocs/main/archive/${offnoteType}"></a>
                    </div>
                </div>

css:

span.right-corner{
position: relative;  
float: left; 
left: 250px;  


   bottom: 25px;  
    width: auto;  
}

div.top-block{
    position: relative; 
    float: left; 
    left: 240px;
    bottom: 40px; 
    width: auto; 
}