html - 元素的 CSS 定位

Question

如何减少元素之间的空间。当屏幕尺寸减小时它不应该中断，即应该响应。

以下是堆栈片段。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<a class="vote-up"><i class="fa fa-sort-asc fa-3x"></i></a>
<h3 class="total_votes"> 1 </h3>
<a class="vote-down"><i class="fa fa-sort-desc fa-3x"></i></a>

不过，我尝试使用 position、top 和 bottom CSS 属性，但无法获得所需的结果。此外，我尝试通过 CSS 删除 h3 元素上的默认边距和填充，但效果非常小。我怎样才能减少空白空间。另外，我不想删除 fa-3x 类。我希望 1 和 down-arrow 向上移动。请帮忙。

Answer 1

试试这个

h3{
  margin-top:-3%;
  margin-bottom:-3%;
  padding-left: 2%;
  }

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<a class="vote-up"><i class="fa fa-sort-asc fa-3x"></i></a>
<h3 class="total_votes"> 1 </h3>
<a class="vote-down"><i class="fa fa-sort-desc fa-3x"></i></a>