0

我有 3 个带有文本链接 的 comumns 如果它们具有相同数量的文本，则 3 列保持完美的顺序。当我在其中一列中写少量文本时，我得到以下结果链接

我希望图标和文本保持固定，无论下面有多少文本。我怎样才能做到这一点 ？

这是我的代码：

HTML

  <ul class="columns"> 

        <li class="clearfix"> 

            <span><img src="icon path" /><p>heading</p></span>

        <p>text below</p>

        </li> 

 </ul>

CSS：

.columns li{display: inline-block; width: 250px; margin-left: 100px;} 

.columns li:first-child{margin: 0;} 

.columns li img{float: left;} 

 .columns li span p{float: left; margin: 30px 0 0 10px; width: 150px; height: 30px; line-height: 1;}

.columns li  p{margin-top: 20px; }
4

1 回答 1

1

采用

.columns {
    vertical-align: top;
}
于 2013-04-07T18:46:07.450 回答