Comments on: word-spacing https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Tue, 31 May 2022 14:23:54 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Anan https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1653989 Sat, 15 Dec 2018 09:44:36 +0000 http://css-tricks.com/?page_id=14138#comment-1653989 I found this not work in select drow-list。 The select options is not effect by word-spacing.

]]>
By: Lynn https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1611463 Tue, 29 Aug 2017 19:41:09 +0000 http://css-tricks.com/?page_id=14138#comment-1611463 I am trying to put extra space between two words within a sentence in an ebook.

example (AGE NONE) I do not want extra space between any other words in the sentence. I am currently getting this but inserting the en space code   three times. I was just wondering if there is a better way to do this?

]]>
By: Kiruna https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1608848 Sun, 28 May 2017 13:27:32 +0000 http://css-tricks.com/?page_id=14138#comment-1608848 Hi.I have a nav menu. how i can remove spece between “About us” if i set a word-spacing: 2em? i want 2em distance between words contact and about, not between About and us. Thanks

]]>
By: v https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1606588 Tue, 07 Feb 2017 11:52:39 +0000 http://css-tricks.com/?page_id=14138#comment-1606588 On my firefox it seems excess negative word-spacing does not make inline-blocks to overlap (it still makes words overlap). If this works in most browsers, it is the best

]]>
By: something https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1602082 Wed, 08 Jun 2016 11:40:21 +0000 http://css-tricks.com/?page_id=14138#comment-1602082 function dsd(){
jdflksdlf.slkfjsdi = ” nothing “;
}

]]>
By: Lei https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1598322 Sun, 29 Nov 2015 13:17:12 +0000 http://css-tricks.com/?page_id=14138#comment-1598322 In reply to Kevin.

Agreed. And actually the default (or normal) word spacing is 0.25em (http://webtypography.net/2.1.1). I tested it with major browsers (Chrome/Firefox/Safari/IE) they all have 0.25em defaults. If you set word-spacing to -0.25em, the result is no space between words (all words concats together). If you set it less than that like -1em, most browsers would overlap words, except IE (I tested on 11) which would keep no spacing instead of overlapping.

]]>
By: Kesc https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1595670 Mon, 06 Jul 2015 17:32:08 +0000 http://css-tricks.com/?page_id=14138#comment-1595670 In reply to Arioman.

http://www.w3schools.com/cssref/pr_text_letter-spacing.asp You are welcome.

]]>
By: Kevin https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1595098 Mon, 08 Jun 2015 15:56:34 +0000 http://css-tricks.com/?page_id=14138#comment-1595098 “This value indicates inter-word space in addition to the default space between words. Values may be negative, but there may be implementation-specific limits.”

http://www.w3.org/wiki/CSS/Properties/word-spacing

]]>
By: eztephen https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1586898 Mon, 24 Nov 2014 11:05:20 +0000 http://css-tricks.com/?page_id=14138#comment-1586898 In reply to Arioman.

They have a page all about it.
https://css-tricks.com/almanac/properties/l/letter-spacing/

]]>
By: Arioman https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1584562 Wed, 20 Aug 2014 10:55:08 +0000 http://css-tricks.com/?page_id=14138#comment-1584562 cool thanks , but is there any chance to increase space between letters , not word ?

]]>
By: Pascal Lorenz https://css-tricks.com/almanac/properties/w/word-spacing/#comment-1580655 Fri, 02 May 2014 15:36:51 +0000 http://css-tricks.com/?page_id=14138#comment-1580655 Setting word-spacing to zero to remove the space between inline-block elements did not have any effect for me. Any other value than zero worked. So I tried to find out which negative em value I needed to use.

Looks like -0.25em removes the standard whitespace between blocks.

]]>
By: James Steinbach https://css-tricks.com/almanac/properties/w/word-spacing/#comment-536176 Thu, 05 Sep 2013 13:56:53 +0000 http://css-tricks.com/?page_id=14138#comment-536176 In reply to James Steinbach.

Looks like the image didn’t embed … screenshots here.

]]>
By: James Steinbach https://css-tricks.com/almanac/properties/w/word-spacing/#comment-536173 Thu, 05 Sep 2013 13:54:47 +0000 http://css-tricks.com/?page_id=14138#comment-536173 I’m noticing a problem with attempting to center a headline with word-spacing.

text-align: center;
padding: 1em 0;
margin: .5em auto 0;
 width: 100%;
word-spacing: 5em;

In FF, this behaves as expected: literal centering with a large gap between words. In Chrome, it appears to apply the spacing to the front of the first word, forcing the text to push out the right side of the box. In Safari, it appears to ignore text-align: center completely.

All screenshots from current browser versions on OS X (10.8.4). Is there a work-around for this inconsistency or do I have to settle for fixing this with manual spacing?

screen capture windows

]]>