0

I have this example that is using inline-flex:

button {
  display: inline-flex;
}
<button>
  <span>12</span>
  <span>asd</span>
</button>

The issue is that in Chrome the spans appear next to each other as expected how in FireFox they are stack on top of each other. Why is FireFox no rendering this as I would expect (or are my exceptions in-correct and Chrome is doing something weird)?

Michael Benjamin
  • 346,931
  • 104
  • 581
  • 701
ryanzec
  • 27,284
  • 38
  • 112
  • 169
  • Why do you need to use flex for button?? – Qwertiy Feb 18 '16 at 18:51
  • Because in the real world I have an icon and text and in order to get both the icon and text centered without applying specific positioning values (which don't translate when font sizes change and the like) using flex with align-items center is the best way of doing that that I know. – ryanzec Feb 18 '16 at 19:38
  • http://stackoverflow.com/q/35492245/4928642 – Qwertiy Feb 18 '16 at 20:56

0 Answers0