CSS implementation Red Cross icon

A colleague applied for TX, out of a problem, respectively, with 1,2,3,5 a tag to achieve the Red Cross icon, icons horizontal, vertical center, Short edge 50px, Long edge 150px.

　　

It is not difficult to use 2,3,5 tags to achieve, skip. I am more interested in a label, lunch time to think about, after waking up on the implementation of the Code as follows:

　　

1        Div{2 width:150px;3 Height:50px;4 background:Red;5 position:Absolute;6 Top:50%;7  Left:50%;8 Margin-left:-75px;9 Margin-top:-25px;Ten} One Div:before{ A Border-color:Red; - Border-style:Solid; - Border-width:75px 25px; the content: ""; -  Left:50%; - Margin-left:-25px; - position:Absolute; + Top:-50px; -}

CSS implementation Red Cross icon