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

Question

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

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

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

以下是两个小提琴：

.accordionTitle：在向左浮动之前：
http://jsfiddle.net/Clare12345/tfooswzq/ 工作

.accordionTitle:before {
float: left;
}

.accordionTitle：在float none之前： http://jsfiddle.net/Clare12345/dqcv9svt/ 无法使用

.accordionTitle:before {
float: none;
}

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

Answer 1

我自己也碰到了这个。既然我看到你在评论中写了答案，我会继续发表一个实际的答案，这是......

将元素的显示设置为内联块。那就是：

display: inline-block;

至少可以为我的情况工作。