CODEWITHSUNDEEP
html
galago mara
galago mara

Reputation: 35

One image in a table with many rows

I am trying to create a responsive table with bootstrap with many rows but a single image in it (see attached). I am stuck. Any help is appreciated.

Upvotes: 0

Views: 112

Answers (1)

DCR
DCR

Reputation: 15700

the property you are looking for is rowspan

td {
  width: 10vw;
  text-align: center;
  font-size: 4vw;
}

img {
  width: 10vw;
}
<table>
  <tr>
    <td>a</td>
    <td rowspan='3'><img src="https://picsum.photos/100/300"></td>
    <td>b</td>
  </tr>
  <tr>
    <td>c</td>
    <td>d</td>
  </tr>
  <tr>
    <td>e</td>
    <td>f</td>
  </tr>
</table>

Upvotes: 1

Related Questions