Question

I have a collapsing tab with Css Icon fonts, i want to keep the same distance between the Title and the Icon font arrow.

Here the example

http://jsfiddle.net/2D3V5/2/

If the Text on the left has the same length, the Icon font arrow keep the same distance and it’s ok, but this is not going to happen in my tabs because obviously the texts are gonna be different, so i need to find out how to keep the Arrow Icon at the same distance from the text independently from the length of the text.

Hope the explanation is clear.

Thanks

Answer 1

You can float the images to right. That’s a simple way to manage the equal distance.
Plus, the images of the rest of division are inverted. Do change their classes.

Here is the edited fiddle : Fiddle