Hi,
Try changing display: block; to display: inline;
Elli
--- Cyber Cog <[EMAIL PROTECTED]> wrote:
> Hello,
> So I'd like to have an a tag that looks like a
> button, I do it like this:
>
> a {
> text-decoration: none;
> text-align: center;
> display: block;
> width: 120px;
> padding: 2px 3px;
> margin: 0 1px;
> font-size: 12px;
> border-top: 1px solid #CCC;
> border-left: 1px solid #CCC;
> border-right: 1px solid #666;
> border-bottom: 1px solid #666;
> }
>
> link, visited and hover states after this...
>
> But if I want that look, to line up NEXT to each
> other on one line...
>
> <p><a href="">One</a> <a href="">Two</a> <a
> href="">Three</a></p>
>
> It displays them in a column, not a row.
>
> Is there a way to get the uniform width and line
> them up in a row?
>
> Thanks
>
______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies --
> http://css-discuss.org/policies.html
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
>
__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/