Kan man centrere disse menupunkter i kasserne
Hej eksperterKan man få menupunkterne centreret i disse kasser. De har altid en fast bredde, men indholdets bredde skifter. Og der skal meget gerne en lille skygge på bogstaverne.
Kan man det?
<style>
.wrapper {
background : #cc0000;
float : left;
width : 200px;
height : 40px;
border-right : 1px solid #fff;
text-align : center;
}
.wrapper-center {
position : relative;
margin : 0 auto;
width : 100%;
}
.overst {
position : absolute;
top : 4px;
left : 4px;
color : #fff;
z-index : 5;
}
.skygge {
position : absolute;
top : 5px;
left : 5px;
color : #000;
z-index : 4;
}
</style>
<div class="wrapper">
<div class="wrapper-center">
<div class="overst">Hej med dig</div>
<div class="skygge">Hej med dig</div>
</div>
</div>
<div class="wrapper">
<div class="wrapper-center">
<div class="overst">Hej igen</div>
<div class="skygge">Hej igen</div>
</div>
</div>
<div class="wrapper">
<div class="wrapper-center">
<div class="overst">Hej med dig</div>
<div class="skygge">Hej med dig</div>
</div>
</div>
<div class="wrapper">
<div class="wrapper-center">
<div class="overst">Hej med dig</div>
<div class="skygge">Hej med dig</div>
</div>
</div>
