HTML让文本正文从<li>中的特定位置开始

Question

我正在为网站设计一个页面，并且有三个不同的列。我想知道如何让文本（标题之后）完全在特定的px点开始？比如200px之类的东西就在盒子的开头。

这样我可以将它与其旁边的其他方框对齐。

这是它当前显示的方式，我想学习如何使用'第一个跨学科'在特定的，定义的点而不是仅添加空格来开始句子。

结构：

 <li class="one_third borderedbox lt_bg first"><img src="images/demo/onec.jpg" alt="">
    <div class="pad30">
      <h2 class="uppercase nospace push15"><i>2014</i><br>I Was Born For This </h2><br><br>

      <font size="2"><p class="nospace" align="left">The first Interdisciplinary Sacred Music.... 

Answer 1

另一种简单的方法是控制标题的高度和填充，而不是试图控制段落文本。

min-height设置元素应具有的最小高度，以使其下的所有元素聚集在同一行高上。如果您对高度有一个大致的了解，那就是适当的解决方案。

    h2 {
       min-height: 50px;
       padding-bottom: 10px;
       }

Answer 2

我可以通过两种方式来实现您的目标：

    
1.    您可以将列的每个元素放在自己的div标记中。使包含这些较小div的列“position：relative;”以及“position：absolute;”中的每个较小的div     
   
      从那里，你指定“顶部：200px;”或者你想要的每个小div。这是从屏幕顶部开始，向下工作。然后设置“left：50px;”或者你想从屏幕左侧看到的任何距离。     
   
   我不是说这是最优雅的解决方案，但它将是一个精确的解决方案，因为您可以控制组件中每个元素的最终像素。     
   
   有关该解决方案的更多信息，请参阅：www.w3schools.com/css/css_positioning.asp。     
       
    
2. 您可以选择为这些较小的div创建特定的高度值（即“height：50px;”），然后使用“margin-top：10px;” （数字由你来决定）放置这些标签开始引用它上面的div。     
   
   看到：     www.w3schools.com/cssref/pr_margin.asp了解有关此房产的更多信息。     



希望这会有所帮助。

Answer 3

您尝试使用边距和填充吗？ 我建议您在Google Chrome中打开当前页面，并使用开发人员工具（按Ctrl + Shift + I）查看元素和代码。

在那里，您可以实时修改CSS并查看哪些有效。修补边缘和填充，我相信你能够做到。

之后，您可以在原始css文件中进行更改。