显示文本和按钮

Question

我想在<td>元素中显示一些文字和一个按钮。文本应保持对齐，按钮应位于<td>的右侧。这两个元素都应该以内联方式显示，但我的代码不会发生这种情况：

<td>Name<br>XYZ<a href=""><button style="float: right">Update</button></a></td>

我尝试制作文本和按钮的display: inline，但这样做效果不佳。请帮忙。

Answer 1

它正在工作，但 td 宽度很低，这就是你无法看到的原因。 给一些宽度看效果

<table>
    <td width="200px">Name<br>XYZ<a href=""><button style="float: right">Update</button></a></td>
</table>

{{1}}

Answer 2

看起来它以您想要的方式呈现。尝试以下小提琴来查看结果： https://jsfiddle.net/chaith/7r8kbs4b/

table{
    border: 1px solid black;
    width:200px;
}

<table>
   <tr>
      <td>
          Name<br>XYZ<a href=""><button style="float: right">Update</button></a>
      </td>
   </tr>
</table>