CSS标记文本看起来像提供的样本？

Question

我见过css可以让文字看起来像过去的图像。我不是前端开发人员所以我的CSS非常生疏......

我正在尝试使用DIV标记并将每个div标记中的文本标记为下面的图像示例。注意每个字母之间有一个空格。

如果在线有一个WHYSIWYG CSS编辑器，它允许这种类型的格式化，这将是一个很好的资源。

编辑：对我来说最困难的部分就是在第一个字母周围找到一个蓝色方块!!!

Answer 1

很快，这样的事情？

http://jsfiddle.net/eW532/

编辑：误读......你在谈论间距。

再次编辑：http://jsfiddle.net/eW532/1/

Answer 2

试试这个我使用第一个字母的伪元素jsFiddle完成了这个。 W3Schools关于这个元素here

Answer 3

看起来你需要CSS字母间距属性：http://www.w3schools.com/css/pr_text_letter-spacing.asp

Answer 4

你可以使用css规则：letter-spacing: 1px;或其他东西，但是有更深入的解决方案需要不同的语言。