此按钮右边的多余空间是什么？

Question

我无法消除嵌套在LI内的按钮内多余的空格。谁能解释摆脱它的最好方法是什么？我尝试将按钮的高度和行高更改为无效。不知道该怎么办。

按钮应该位于右上角，点应该是垂直的而不是水平的[因此CSS rotation（）]。>

<style>
ul, li 
  margin:0; 
  padding:0; 
  list-style:none


li 
  display:inline-block; 
  padding: 12px;
  position:relative; 
  background-color:#d5d5d5


h3 
  padding:0;
  margin:0 0 12px 0;


address 
  font-style:normal;


li > button 
  position:absolute; 
  top:0; 
  right:0;
  transform: rotate(90deg);
  display:flex;
  flex-flow:column nowrap;
  background-color:transparent;
  border: 1px solid #000;
  padding:0;
  margin:0;
  font-size:2em;
  cursor:pointer;

</style>


<ul>
  <li>
    <h3>My House</h3>
    <address>
      123 Main St<br>
      Long Beach, MS 39560
    </address>
    <button>&#x2026;</button>
  </li>
</ul>

我无法消除嵌套在LI内的按钮内多余的空格。谁能解释摆脱它的最好方法是什么？我尝试更改按钮'...