centering inside div

Ranch Hand

Posts: 63

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,
I am trying to center some href/span elements inside a couple of div blocks. I can center the text but I cant get my href to center with the background image.
I've attatched images I'm using, if anyone has time for a look that'd be great.

thanks

Stu

a.button{
    color: #6D6F71;
    display: block;
    float: left;
    font: normal 13px verdana, sans-serif;
    height: 20px;
    margin-right: 1px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
}
a.button{
	background: transparent url('./bg_button_right.gif') no-repeat scroll top right;
	cursor: pointer;
	}
a.button span {
    display: block;
    line-height: 10px;
    padding: 3px 4px 7px 8px;
}
a.button span {
    background: transparent url('./bg_button_left.gif') no-repeat;
    cursor: pointer;
}

</style>
</head>
<body>
<div style='width:100%;align:center;border:1px solid blue;'>
    <div style='border:1px solid red;width:49%;float:left;text-align:center;'>
        test text<br/>
        <a class="button"   rel="nofollow"><span>this is a test 1</span></a>
    </div>

</body>
</html>

bg_button_right.gif

bg_button_left.gif

Did you see how Paul cut 87% off of his electric heat bill with 82 watts of micro heaters?