a{ display: inline-block; position: relative; width: 100px; border-width:15px 0; border-style:solid; color: #fff; text-decoration: none; } a:link, a:visited{ border-top-color: #333; border-bottom-color: #222; } a:hover, a:active{ border-top-color: #222; border-bottom-color: #111; } span { display: inline-block; width: 100px; height: 30px; position: absolute; top: -15px; left: 0; font: bold 16px/30px arial ; text-align: center; } <a href="#"><span>Login</span></a>