Редактор Онлайн

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"> 
div
{
border:1px solid black;
padding:35px;
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
}
#div1
{
background-origin:border-box;
}
#div2
{
background-origin:content-box;
}
</style>
</head>
<body>

<p>background-origin:border-box:</p>
<div id="div1">
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. 
</div>

<p>background-origin:content-box:</p>
<div id="div2">
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. 
</div>

</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами