# Help needed with CSS

**URL:** <https://forum.kirupa.com/t/help-needed-with-css/127106>\
**Category:** Uncategorized\
**Created:** [October 30, 2004, 12:47pm UTC](https://forum.kirupa.com/t/help-needed-with-css/127106 "2004-10-30T12:47:31Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dboers](https://avatars.discourse-cdn.com/v4/letter/d/bbe5ce/32.png) [@dboers](https://forum.kirupa.com/u/dboers)\
**Post date:** [October 30, 2004, 12:47pm UTC](https://forum.kirupa.com/t/help-needed-with-css/127106/1 "2004-10-30T12:47:31Z")

</div>

I have a table with 4 rows and 1 col with buttons (words) in each cell. I used the following css style to create an overlapping effect:

```auto
H5.buttons {position: relative; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #DDDDDD; letter-spacing: 3px
}
H6.buttons {position: relative; top: -30px; font: bold 11px Verdana, Arial, Helvetica, sans-serif

```

Here is an example: [[color=red]http://www.testfolder.com/buttons/[/color]](http://www.testfolder.com/buttons/)[color=red] [/color]  
[color=black]But as you can see in the example is distance between the buttons quit big. How can I solve this?[/color]

Thanks in advance 🙂  
[color=red]

[/color]