<tr> elements in IE11 ignore dispaly: flex; and instead render their children as plain old table cell elements.
live demo JSBin showing the issue (when opened in IE11)
In Chrome the two <td> elements are rendered as flexbox children with their margin applied correctly.
In IE11 the two <td> elements are still rendered as table row cells.
<tr>elements in IE11 ignoredispaly: flex;and instead render their children as plain old table cell elements.live demo JSBin showing the issue (when opened in IE11)
In Chrome the two
<td>elements are rendered as flexbox children with their margin applied correctly. In IE11 the two<td>elements are still rendered as table row cells.