Reputation: 384
I have a list with some items, where I would like to add some additional space between the words using strictly css!
This is how the html is looking right now, and the css is not there, so please just help me with that.
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>
Upvotes: 2
Views: 145
Reputation: 13544
Use word-spacing property
p
{
word-spacing:30px;
}
http://www.w3schools.com/cssref/pr_text_word-spacing.asp
Upvotes: 2
Reputation: 23864
You could add non-breaking spaces using:
Though some browsers will collapse multiples of these into one space.
Upvotes: 1