Greg Greg - 7 months ago 23
HTML Question

Picture alignent issue with firefox

Any idea why on my website the triangles look good on safari (they are aligned center horizontaly), but on firefox they are floating to the right?

Thanks

.triangle {
display: block;
margin: -80px auto 0;
margin-bottom: 45px;
}


Safari: triangles are aligned to the center:

enter image description here

Firefox: triangles are aligned to the right:

enter image description here

Answer

Remove the class padding-onlytop-lg from it's parent then change .triangle to:

.triangle {
    margin: 0 auto 45px;
    display: block;
}