如何在html渲染中将元素设置在固定的相对位置。

Question

我在html页面上有一些元素。

所有元素不会以相同的相对像素垂直开始（例如，所有元素都从窗口的垂直中心线开始..）。

如何设置所有这些元素以相同的相对像素垂直开始？

我正在尝试使用'left'css属性。但它不起作用。

left: 50%!important;

简而言之http://jsfiddle.net/EPREq/我希望'Koka'这两个词都应该从同一条垂直线开始。请不要使用HTML表来执行此操作。在我的页面中使用表格会有很多问题。

Answer 1

你可以尝试

margin-left:50% !important;

Answer 2

以下对我有用：

http://jsfiddle.net/EPREq/6/

<div>
    <span class="a" > Hi </span>
    <span class="b">Koka</span> 
 </div>

<div>
    <span class= "a"> Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii </span>
    <span class= "b">Koka</span> 
 </div>


.a {
   width : 300px; 
    display: inline-block;
}

.b {

}