<html>
<head>
     <title>Div example</title>

<style type="text/css"> 
.label{
    position:absolute;
    top:-15px;
    left:20px;  
    margin:0;
    padding:0 5px;
    line-height:25px;
    background: #00ff00;
    border:1px solid #000000;
}
.container{
    position:relative;
    float:left;
    width:300px;
    border: 1px solid #000000;
    margin:20px;
    background:#ffffcc;
    display:inline;
}
.content {
    padding: 5px;
    margin: 10px 0 0 0;
}
</style>
</head>
<body>
<div class="container">
    <div class="label">philosopho</div>
    <div class="content">
        Accurate comparare concessum desideraret, eget erga iustioribus memoria multitudinem quamque 
        soluta studia. Alia alienae captet fore genuit, incurreret molita natoque recte. 
        Atomis meliore praetulerit tite vituperari. Adolescens aenean aliae aliena, animos audivi 
        desiderent hausta peccandi philosopho umquam una vult. 
    </div>
</div>
</body>
</html>