html - 背景图像的 float

Question

我有 <div>与 background-image css 规则。
HTML

<div class="myclass">Hello world</div>

CSS

.myclass
{
    background-image: url('http://www.europe-trip.cz/icons/spinner.gif');
    background-repeat: no-repeat;
    background-position:left;
    border: 1px red dotted;
}    

JSFiddle DEMO

如何在 div 中制作背景图像以 float 文本？

P.S:我无法创建另一个 div (或另一个元素)在当前 div 中

Answer 1

向 div 添加填充以移动文本。

.myclass
{
    background-image: url('http://www.europe-trip.cz/icons/spinner.gif');
    background-repeat: no-repeat;
    background-position:left;
    border: 1px red dotted;
    padding-left: 20px;
}

JS fiddle : http://jsfiddle.net/zqeTx/1/