.block {
width: 100px;
height: 100px;
line-height: 100px;
margin-left: 100px;
border: 2px solid #000;
}
.block span {
position: relative;
margin-left: -50px;
font-size: 50px;
background: #FFF;
}
div{
border:4px solid black;
width:200px;
height:200px;
position:relative;
}
div:before{
content:"2009";
position:absolute;
font-size:80px;
background:white;
left:-20px;
top:55px;
}
Скругление с помощью свойства border-radius описанного в CSS3, но лишь с недавнего времени более или менее внедренного в браузера ... для IE проблема скругления решается подгрузкой через css плагина PIE.htc (behavior: url(PIE.htc);)