不可能使用相同的HTML结构，你必须有一些东西来区分Hello和How are you。

我建议使用span，然后显示为块(实际上就像<div>)。

P跨度{ 显示:块; ｝ <p><span>hello</span><span>How are you</span></p>

基于之前所说的，这是一个工作的纯CSS解决方案。

<style>
  span {
    display: inline;
  }
  span:before {
    content: "\a ";
    white-space: pre;
  }
</style>
<p>
  First line of text. <span>Next line.</span>
</p>

这适用于Chrome浏览器:

p::after {
  content: "-";
  color: transparent;
  display: block;
}

我猜您不希望使用断点，因为它总是会断行。对吗?如果是这样，如何在你的文本中添加一个断点<br />，然后给它一个类，如<br class="hidebreak"/>，然后使用媒体查询右上方的大小，你想要它打破隐藏<br />，所以它打破在一个特定的宽度，但保持内联以上的宽度。

HTML:

<p>
The below line breaks at 766px.
</p>

<p>
 This is the line of text<br class="hidebreak"> I want to break.
</p>

CSS:

@media (min-width: 767px) {
  br.hidebreak {display:none;}
}

https://jsfiddle.net/517Design/o71yw5vd/

下面是一个糟糕问题的糟糕解决方案，但它确实符合概要:

p {
    width : 12ex;
}

p:before {
    content: ".";
    float: right;
    padding-left: 6ex;
    visibility: hidden;
}

在我的例子中，我需要一个输入按钮前面有一个换行符。 我应用如下样式的按钮，它工作:

clear:both;