How can I make text wrap?

Question

Usually

text is pretty short so I had no idea this was a problem until I ran into it yesterday. I was trying and failing to set a 50% wi

Answer 1

In case somebody needs a fix that works for Microsoft Internet Explorer 11 and Edge while not interfering with Chrome/Firefox/Safari:

legend {
  display: table;
  max-width: 100%;
}