Responsive row of images and text

Question

I've lined up five images on a row with text below each one and I'm trying to make it responsive. The problem is that all the images don't scale down properly. I want them all to have the same width & height. My code so far: ```

testing text

Longerishhh texting text

Text

Quite long text

More testing

``` CSS: ``` html{ width: 100%; } table{ width: 80%; } td{ display: table-cell; width: 20%; text-align: center; overflow: hidden; vertical-align: baseline; } img{ width: 100%; } ``` jsfiddle

Accepted Answer

add the following to the table css:

```
table-layout: fixed;
```

In your case:

```
table {
    width: 80%;
    table-layout: fixed;
}
```

updated jsfiddle here - http://jsfiddle.net/Y7CrV/7/

Responsive row of images and text

Solution

Problem