html5背景色对齐,html-将背景颜色环绕右对齐

我正在尝试做的是：

我正在尝试实现以下结果：

div {

text-align: right;

}

span {

display: inline-block;

background: #000;

color: #fff;

}

abc

Hello world this is some text

hello world

但是,在上面的示例中,我将行分别拆分,因为我将每行包含在单独的跨度中.

我想通过使用宽度定义何时应开始/结束新行而不是在其自己的跨度中包含每条新行来实现与上述相同(或相似)的结果.

我尝试过的

我尝试执行以下操作：

div {

text-align: right;

}

span {

display: inline-block;

background: #000;

color: #fff;

width: 200px; /* Width to define where line break should appear */

}

abc

Hello world this is some text hello world

但是,在上面的示例中,黑色背景覆盖了一个“块”,而不是环绕每行文本.

那么,如何让我的第二个片段以与第一个相同的方式运行？