Como posicionar um título em div

Você pode usar a propriedade "text-align:center". Mas tanto o titulo quanto o conteúdo serão centralizados. Uma forma que eu faria, seria assim:

Resultado: http://jsfiddle.net/rnxn/Q9uzz/1/embedded/result/

<div class = 'simple-box'>
 <header>Here's my Box</header>
 <span class = 'box-content'>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 Ut varius est sit amet dapibus sodales.
 Aliquam tincidunt libero nisl.
 </span>
</div>

* {

 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.simple-box {
 width: 300px;
 background #fff;
 border: 1px solid #ccc;
 padding-bottom: 15px;
 border-radius: 8px;
}

.simple-box header,
.simple-box .box-content {

 display: block;
 width: 100%;
}

.simple-box header {

 background: #EBEBEB;
 border-radius: 8px 8px 0 0;
 padding: 10px 0;
 text-align: center;
 text-transform: uppercase;
}

.box-content {
 background: #fff;
 padding: 10px;
}

OPS...

A minha primeira solução mostra uma barra cinza na parte inferior (mas até que ficou bonitinha, rs). Para não mostrá-la e a 'simple-box' ter o corpo todo branco:

Resultado: http://jsfiddle.net/rnxn/Q9uzz/2/embedded/result/

* {

 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.simple-box {
 width: 300px;
 background #fff;
 border: 1px solid #ccc;
 border-radius: 8px;
}

.simple-box header,
.simple-box .box-content {

 display: block;
 width: 100%;
}

.simple-box header {

 background: #EBEBEB;
 border-radius: 8px 8px 0 0;
 padding: 10px 0;
 text-align: center;
 text-transform: uppercase;
}

.box-content {
 background: #fff;
 border-radius: 0 0 8px 8px;
 padding: 10px 10px 10px 15px;
}

Wow! Era exatamente o que eu queria, muito obrigado pela ajuda amigo!

Valeu mesmo!!