Question

我正在努力获得这张“桌子”（不知道该怎么称呼）和文字正确地挨着放置。当我添加更多文本时，表格向下移动。我希望它理想地留在同一位置，以便与文本正确对齐。任何帮助将不胜感激。

div.content2 {
  margin-right: 51%;
  margin-left: 5%;
  border: 1px solid #000000;
  position: static;
  min-width: 400px;
  max-width: 532px;
  padding-bottom: 30px;
}

<head>
  <style type="text/css">
    p {
      margin-left: 50em;
      margin-right:
    }
  </style>
</head>

<body>
  <H4 style="margin-left:3em; "> News </H4>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. dsfsnffskdnfsdznf kdhnsfksdnfksdfnk hello hello hello hello hello hello hello
  </p>

  {% paginate blogs.Studio.articles by 100 %} {% for article in blogs.Studio.articles limit: 5 %}
  <div class="content2">
    <h4><a href="{{ article.url }}">{{ article.title }}</a></h4>
    {{ article.excerpt | strip_html | truncatewords:70 }}
  </div>
  {% endfor %} {% endpaginate %}
</body>

无法使桌子和文字正确地相邻放置

0 个答案: