width problem

since i am coding for some cms that word "mirko" can be longer and i want that white background to be as long as word is.
with max width defined as it is for example 100px.

here is the code:

<div style="width:400px; height:600px; background-color:green;">
	<div style="width:300px; height:200px; background-color:#03F;">
    		    <div style=" background-color:white;max width:100px; "> mirko </div> 
    </div>
</div>

Code (markup):

ps. thx in advance for reply

 

<div style="width:400px; height:600px; background-color:green;">
	<div style="width:300px; height:200px; background-color:#03F;">
    		    <span style=" background-color:white;"> mirko </span> 
    </div>
</div>

Code (markup):

 

max_width param not support ie