Html 每行的独立文本块

我刚刚开始玩html和css，基本上我从这里的所有帖子中学习了所有东西，但现在我遇到了一些我似乎无法通过研究找到解决方法的问题，于是决定发布一个问题寻求帮助

我正在tumblr上定制一个简单的公文包风格主题，我的问题是关于图片右侧的文本标题

我只能让3个文本行显示在一个块上，我希望每一行都有自己的块，宽度成比例。这可以只用html和css来完成吗

提前谢谢

这就是Firebug（Firefox扩展）或您喜爱的浏览器的开发工具派上用场的地方。如果您检查有问题的文本元素，您将看到它们都包装在

标记中

标记是一个块级元素，这意味着它将自动占据其父元素的整个宽度。这也是为……嗯……文本段落推荐的功能。

这就是Firebug（Firefox扩展）或您喜爱的浏览器的开发工具派上用场的地方。如果您检查有问题的文本元素，您将看到它们都包装在

标记中

---

标记是一个块级元素，这意味着它将自动占据其父元素的整个宽度。这也是推荐用于……嗯……文本段落的内容。

每一行都被包装在一个

p

元素中。块级元素通常填充父容器的整个宽度；这就是为什么它们是“块”元素

要获得随内容收缩的内容，请将文本包装在

span

：

<p><span>text</span></p>

文本

---

span

将仅与内部文本一样大。

每一行都被包装在一个

p

元素中。块级元素通常填充父容器的整个宽度；这就是为什么它们是“块”元素

要获得随内容收缩的内容，请将文本包装在

span

：

<p><span>text</span></p>

文本

---

span

的大小与里面的文字一样大。

你到底想做什么？每个图片帖子都有一个三行标题，第一行是工作名称，第二行是所用流程，第三行是衬衫的细节（用于丝网印刷网站）白色背景上的黑色文本非常单调，我想将每一行白色文本放在一个黑色框中。问题是，我不知道如何为每一行创建一个独立的框，因为它的一个文本条目会在后面生成一个块，它会变成一个包含3行的黑色大正方形。我想给它设置一个固定的高度，但在这种情况下，它只显示在第一行后面，我不能在段落的结尾处打断，然后再开始下一个段落。也许你应该画一个图像，显示你想要实现的目标。你到底想要实现什么？每个图像帖子都有一个三行标题描述它，第一行是工作名称，第二行是所使用的过程，第三件是衬衫的细节（用于丝网印刷网站）。白色背景上的黑色文本非常枯燥，我想把每行白色文本放在一个黑盒子上。问题是我想不出如何为每一行制作一个独立的盒子，因为它的一个文本条目会在后面生成一个块，wich变成一个包含3条线的黑色大正方形。我想给它设置一个固定的高度，但在这种情况下，它只显示在第一行后面，我不能在段落末尾断块，然后在下一行重新开始。也许你应该画一个图像，显示你想要实现的目标。