position a at the bottom of a table cell

Question

I am trying to get a `` to sit at the bottom of a fixed-height ``, however it does not seem to be working. I am developing in Firefox using Firebug and this is my markup and CSS. I have read other posts stating that the `td` height needs to be fixed, well I have done that, however I am still having the same problem. How can I position the span at the bottom of the td? ``` £49
£5 td { height: 55px; padding-top: 1.8em; vertical-align: top; } .item_total_price { height: 100%; } .person_price { bottom: 0; position: relative; } ```

Accepted Answer

You need `position:absolute` not `position: relative` for `.person_price`:

```
.person_price {
   position: absolute;
   bottom:0;
   left:0;
}
```

And also make his parent `relative`:

```
td {
  position:relative;
}
```

position a <span> at the bottom of a <td> table cell

Solution

Problem

Related problems