段落的首字母浮动于左侧 - 使段落的首字母浮动于左侧，并向这个字母添加样式。 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    span {
      float: left;
      width: 1.2em;
      font-size: 400%;
      font-family: algerian, courier;
      line-height: 80%;
    }
  </style>
</head>

<body>
  <p>
    <span>这</span>是一些文本。 这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。
  </p>

  <p>
    在上面的段落中, 第一个字嵌入在span 元素中。 这个 span 元素的宽度是当前字体大小的1.2倍。 这个 span 元素是当前字体的400%(相当大)， line-height 为80%。 文字的字体为"Algerian"。
  </p>

</body>
</html>
        