html - 如何使元素居中对齐

Question

我正在尝试创建这样的布局

Title               'up icon'  
                    'down icon'

向上图标和向下图标都是链接。我需要它们都垂直居中。

这是我的html

在标签内。

 <th>
      <div>Title</div>
      <a href="#" onclick="sortup()">
            <span><img src=="up.png"/></span>
      </a>
      <a href="#" onclick="sortdown()">
            <span><img src=="down.png"/></span>
      </a>
  </th>

目前的布局是这样的

Title     'up icon' 'down icon' 

我怎么去

Title               'up icon'  
                    'down icon'

标题和图标需要垂直居中对齐，而不是居上对齐。

非常感谢!

Answer 1

或者只是在两个链接之间添加一个中断 :)

<th>
      <div>Title</div>
      <a href="#" onclick="sortup()">
            <span><img src=="up.png"/></span>
      </a>
      <br>
      <a href="#" onclick="sortdown()">
            <span><img src=="down.png"/></span>
      </a>
</th>