Question

I have a code as below:

$(function(){

    $("#ani").slideUp(600,function(){
         $(this).text('13').slideDown(600);        
    });
})

And HTML code as below:

<div>Comment: <span id="ani">12</span></div>

When page has been loaded slide will affect Comment: text. I have written this code in jsFiddle and you can watch it there.
What is the problem. I wrote display and height css properties for the outer div but gain no success ;(

Answer 1

Something like the below should do it.
The div should have a standard width and the inside span is float: right

<div>Comment:
    <span id="ani">12</span>
</div>​

CSS

div{width:100px;}
span{float:right;}

DEMO

Hope this helps

EDIT

This updated is based on OP’s answer:

<div><span>Comment:</span>
    <span id="ani">12</span>
</div>

css

span{float:left;display:inline-block;min-height:30px;}