How to build a row(4) of elements into one row?

Question

css

I can not put a number of elements in one row. I tried to make them lowercase, but still without success)
It is necessary to do in 4 rows of 3 elements. You can see the HTML as it should)
I'm waiting for help, thanks in advance.
https://jsfiddle.net/MrRadar/r317yzoe/2/

Answer 1

https://jsfiddle.net/r317yzoe/3/

Answer 2

Like this.