如何在html呈现中将元素设置在固定的相对位置。?

如何在html呈现中将元素设置在固定的相对位置。?,html,css,Html,Css,我在html页面上有一些元素 并非所有元素都以相同的相对像素垂直开始(例如,所有元素都从窗口的垂直中心线开始…) 如何设置所有这些元素以相同的相对像素垂直开始 我正在尝试使用“左”css属性。但它不起作用 left: 50%!important; 简而言之,我希望两个“Koka”字都应该从同一条垂直线开始。请不要使用HTML表来执行此操作。在我的页面中使用表格会有很多问题。您可以尝试 margin-left:50% !important; 以下几点对我很有用: 你好 科卡 你好 科卡 .

我在html页面上有一些元素

并非所有元素都以相同的相对像素垂直开始(例如,所有元素都从窗口的垂直中心线开始…)

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

我正在尝试使用“左”css属性。但它不起作用

left: 50%!important;
简而言之,我希望两个“Koka”字都应该从同一条垂直线开始。请不要使用HTML表来执行此操作。在我的页面中使用表格会有很多问题。

您可以尝试

margin-left:50% !important;

以下几点对我很有用:


你好
科卡
你好
科卡
.a{
宽度:300px;
显示:内联块;
}
.b{
}

你能发布你的代码吗?这会使帮助你变得更容易。现在还不完全清楚你在问什么。花几分钟的时间把一个例子放在一起,演示您所描述的内容,我相信有人能够提供帮助!这是JSFIDLE,请浏览编辑更新:
left
要求您设置一个
position
属性……它自己不会做任何事情<代码>位置:绝对;排名:0;左:0。
<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 {

}