html - 用连续的分隔词在列表中添加空格

Question

我有一个包含一些项目的列表，我想使用严格的 css 在单词之间添加一些额外的空格！

这就是 html 现在的样子，而 css 不存在，所以请帮帮我。

HTML

<div class="container"> 
<p>List<->//more space item<->//more space number<->//more space one<->//more space</p>
<p>List<->//more space item<->//more space number<->//more space two<->//more space</p>
<p>List<->//more space item<->//more space number<->//more space three<->//more
space</p>

Answer 1

使用字间距属性

p
{ 
word-spacing:30px;
}

http://www.w3schools.com/cssref/pr_text_word-spacing.asp

Answer 2

您可以使用以下方法添加不间断空格：

 

尽管有些浏览器会将其中的多个折叠到一个空间中。