isi content teratur didalam div

<html>
<head>
    <title>Coba saja</title>
    <style>
        body{
            background : #aaa;
        }

        .content{
            background : #fff;
            width : 50%;
            padding : 10px;
            margin-top : 1%;
            margin-left : 22%;
        }

        .content p{
            background : #f00;
            color : #fff;
            padding : 10px;
        }
    </style>
</head>

<body>
    <div class="content">
        <h3>Judul Web Saya</h3>

        <p>
            Isi content. Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.Isi content.
        </p>
    </div>
</body>
</html>