html - 从单独的容器div内联显示文本

我正在尝试使以下代码中的“结尾”与lorem ipsum内联显示，并且不知道如何处理。可能吗？我根本无法更改HTML结构。 （我也不能添加js等）

#parent {
  width: 300px;
  border: 1px solid red;
}

#block2 a {
  color: #00f;
}

<div id="parent">
  <div id="block1">
    <a> Lorem ipsum dolor sit amet, consectetur elit.  dolor nulla. Duis lob.</a>
  </div>
  <div id="block2">
    <a>The end</a>
  </div>
</div>

我希望它看起来像这样：

最佳答案

如果您能够对CSS进行更改，那么这是一个简单的解决方案。只需使用display: inline，这将使该元素仅占用必要的空间（作用类似于<span>元素）。

但是，如果偶然，您将无法做到，那么根据您的具体情况，我将无法为您实现这一目标。

#parent {
  width: 300px;
  border: 1px solid red;
}

#block1, #block2 {
  display: inline;
}

#block2 a {
  color: #00f;
}

<div id="parent">
  <div id="block1">
    <a> Lorem ipsum dolor sit amet, consectetur elit.  dolor nulla. Duis lob.</a>
  </div>
  <div id="block2">
    <a>The end</a>
  </div>
</div>