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

Question

我用的是一把›用于打开和关闭它的箭头。当手风琴关闭时，它指向下方，当手风琴打开时指向上方。

只有当div.accodionTitle:bore向左浮动时，箭头才会指向左侧。我不能向左浮动，因为我需要它居中，当我居中时，它太长了（我想缩短它，因为它通过CSS转换旋转了90度），并挡住了上面的按钮。

边距0自动不起作用，因为它向左浮动，但当它不向左浮动时，箭头不会向下。有什么想法吗？

这是两个Fiddle：

.accodionTitle:左浮动前：
http://jsfiddle.net/Clare12345/tfooswzq/工作

.accordionTitle:before {
float: left;
}

.accodionTitle:浮动之前none:http://jsfiddle.net/Clare12345/dqcv9svt/不工作

.accordionTitle:before {
float: none;
}

剩下的浮动是唯一的区别。提前感谢您！！！

Answer 1

我自己刚刚遇到这个问题。既然我看到你已经在评论中写下了答案，我会继续发布一个实际的答案，那就是…

将元素的显示设置为内联块。即：

display: inline-block;

似乎至少对我的情况有效。