Text on the web is the equivalent of cheese on pizza. It’s not 100% accurate to call it a requirement for the greater thing, but without it, everything falls apart and just feels strange. So of course with that context how we display text is important. It gives context, adds importance where needed, and articulates a message beyond the words themselves. One way to handle this is to be accurate with your spacing!

CSS gives us a pretty strong property that allows us to specify the spacing between words. It’s very straightforward and easy to use. With that in mind, less conversation and more code. Let’s take a look!

.SpacedText {
  word-spacing: 2rem; // 2rem = 32px; 1rem = 16px