无法在td中排列图像

Question

我试图让我的表数据中的图像在表格中排成一行，但是当有多行h5时，我正在努力弄清楚如何让它们排成一行。它几乎就像文本在某种程度上与图像和h6相关联。

以下是代码http://codepen.io/anon/pen/XbpzJa

td img {
    width: 25px;
    height: 25px;
    float: left;
    margin: 2px;
    display: inline-block;
}

Answer 1

如果我理解正确 - 你只需要将WebSSOProfileConsumerImpl添加到TD：

＆＃13;

＆＃13;

vertical-align: top

＆＃13;

td {
  width: 100px;
  height: auto;
  vertical-align: top;
}
td img {
  width: 25px;
  height: 25px;
  float: left;
  margin: 2px;
  display: inline-block;
}
td h6 {
  display: inline;
}
table h5 {
  width: 100%;
  padding-top: 5px;
  padding: 0;
  margin-top: 5px;
  margin: 0;
  position: relative;
  display: block;
  clear: both;
}

＆＃13;

＆＃13;

＆＃13;