html符号破坏元素文本对齐方式

Question

我正在使用HTML符号进行分页，但是它破坏了与其他元素的对齐方式：

a{
  float:left;  
}

<div dir='rtl'>
<a href='#'>&#10092;&#10092; text 1</a> 
<a href='#'>&#10092; text 2</a>
<a href='#'>  text 3</a>
</div>

Answer 1

只需将线高添加到a元素。

我添加了line-height:1。检查代码段

a{
  float:left;
  line-height:1
}

<div dir='rtl'>
<a href='#'>&#10092;&#10092; text 1</a> 
<a href='#'>&#10092; text 2</a>
<a href='#'>  text 3</a>
</div>