CSS转换旋转仅在div向左浮动时才起作用

我正在使用带有箭头的手风琴来打开和关闭它.它在手风琴关闭时指向下方,在手风琴打开时指向上方.

当div .accordionTitle:before向左浮动时,箭头仅指向左侧.我不能漂浮它,因为我需要它居中,当我居中它太长时间(我想缩短它,因为它通过CSS转换90度旋转)并妨碍它上面的按钮.

保证金0自动不起作用,因为它向左浮动,但当它没有向左浮动时,箭头没有指向下方.有任何想法吗？

这是两个小提琴:

.accordionTitle:在左前浮动之前:
http ://jsfiddle.net/Clare12345/tfooswzq/ Works

.accordionTitle:before {
float: left;
}

.accordionTitle:在浮动之前无: http ://jsfiddle.net/Clare12345/dqcv9svt/ 不起作用

.accordionTitle:before {
float: none;
}

左边的浮动是唯一的区别.提前谢谢你!

刚碰到这个.既然我看到你在评论中写了答案,我会继续发表一个实际答案,这是......

将元素的显示设置为内联块.那是:

display: inline-block;

似乎至少为我的情况工作.