如何用CSS达到左边文字左边图片的效果,我设置了嵌套<div>,但还是不管用,烦请请高人指点

这是要求的效果,但我做出来的字与图片总是不在一行里,怎么办呢?

<div style="width:100px;height:30px;background:url(images/pic.jpg) no-repeat top right">
<p style="padding-left:20px;font-size:14px;font-weight:blod;">Flags</p>
</div>
写个意思,具体样式自己设定
温馨提示:答案为网友推荐,仅供参考