Javascript HTML页面中左侧和右侧的文本

我希望HTML输出与此类似-

---

我的第一句话我的第二句话您可以创建不同的列，然后将其中的文本左对齐

.行{ 文本对齐：左对齐； 宽度：100%； 显示：块； } 半排{ 显示：内联块； 宽度：48%； 填充：1%； 浮动：左； } .清楚{ 明确：两者皆有； } 我的第一句话 我的第二句话

---

你可以把它包在一个小盒子里，让它像这样排成一行

 <div style="width:100%; height:2em; float:left;">
 <h3>
 <span style="float:left;">My first sentence</span>
 <a href="#" style="float:left;text-align:left;margin-left: 100px;">My second sentence </a>
 </h3>
 </div>

---

我看到了3个选项，您已经在显示和文本对齐/文本对齐中使用了float。选择取决于您打算支持的浏览器的使用年限

跨度 a{ 显示：内联块； /*可选的*/ } /*最新浏览器*/ h3.flex{ 显示器：flex； 证明内容：之间的空间； } /*请访问canisue.com*/ h3.tAl{ 文本对齐：对齐； 文本最后对齐：对齐； } /*最古老的浏览器，如IE8*/ h3.tA{ 文本对齐：对齐； } h3.tA：之后{ 内容：； 显示：内联块； 宽度：100%； } /*不允许包装的选项 h3[类别=^ta]{ 空白：nowrap； } */ 我的第一句话 我的第一句话 我的第一句话

---

它通过增加左边的边距来工作：80px；。最后的代码是-

我的第一句话

---

你的例子在这里和在那里都很好，你确定你在其他地方的css样式没有把它弄糟吗。很可能是其他css覆盖了它，如果我们不知道你还有什么css，我们就帮不了你了。@PatrickEvans我肯定是其他css弄乱了，但在我的项目中有很多css文件，我无法找出哪一个真正影响了他们。所以我想知道我是否能以某种方式使它工作。浏览器在开发工具中有元素/样式检查器，这将是一个很好的开始。只需将其包装在一个div中，就可以防止元素移位。如果将其包装在div中，会有什么帮助？它包含了元素移位。你看不到代码是有效的。恐怕不行，如果包含的元素很小，它就不会阻止移位。不管有没有div，他们的行为都是一样的，恐怕你错了。。运行此代码并亲自查看lol。我确实运行了它，我甚至链接了JSFIDLE。