Sorry if this question might annoy some of you, but please bear in mind that I'm relatively new to web design and coding, I have just finished HTML and CSS and now I'm trying to adapt to it.

Basically the problem goes like this, I want my "p" element to be at the center of a container div, like this.

Code:
div
{
width:300px;
height:100px;
}

p
{
position:absolute;
top:auto;
}

</style>
</head>
<body>

<div><p>I want this paragraph to be at the center, but I can't.</p></div>
If anybody could help me on this, I would be really grateful, thanks.