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

<!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
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
-webkit-background-clip:content-box; /* Safari */
border:2px solid #92b901;
}
</style>
</head>
<body>

<div>
Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. Это некоторый текст внутри элемента. 
</div>

</body>
</html>

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

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

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