我正在尝试做的是:
我正在尝试实现以下结果:
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
但是,在上面的示例中,黑色背景覆盖了一个“块”,而不是环绕每行文本.
那么,如何让我的第二个片段以与第一个相同的方式运行?