How can I make the width of my match the width of the >

Question

Say, I got this code:

Answer 1

Another solution: Use Intrinsic width

Just set width: min-content; on the figure element

DEMO (Except for IE)

figure {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

  
  
Bunny rabits are cuddly and fluffy creatures with big ears. They eat carrots.

NB: Browser Support is OK, except for IE, however they are considering implementing this