HTML / CSS / React float：右边似乎没有用

Question

我试图让箭头图标显示在表格中特定表格单元格的右侧：

...
<td>
  <Box>
    Virtual Tape:
      <Paragraph>
        <Status value="ok"/>
        Running
      </Paragraph>);
    <Next className="next"/>
  </Box>
</td>
...

＆＃34; next＆＃34; class定义如下：

.next {
  display: inline;
  float: right;
}

但它仍然显示在表格单元格底部的所有其他位置而不是右侧。有什么想法吗？