如何制作像这张照片一样的段落结构[仅使用 html 和内联 css]！答案

【问题标题】：How to make paragraph structure like this photo [using only html and inline css]!如何制作像这张照片一样的段落结构[仅使用 html 和内联 css]！
【发布时间】：2017-01-16 09:47:29
【问题描述】：

请帮我完成这一段我需要让我的网站段落看起来像下面的照片>> I need this paragraph structure

【问题讨论】：

显示你目前尝试过的代码。
你能添加一些你试过的html和css吗？当我们不知道您到目前为止尝试了什么时，很难为您提供帮助。
这是我正在使用的代码> 感谢您的帮助！
1.2.1文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文字文字文字文字文字文字
欢迎来到 Stack Overflow！预计您至少会尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些additional research，无论是通过谷歌还是通过搜索，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。

标签： html css web frontend

【解决方案1】：

<div  class="row" style="font-weight:bold;display:inline-flex">
    <div>
        <p>1.2.1</p>
    </div>
    <div>
        <p>text text text ext text text text text text ext
        text text text text text ext text text text text text ext</p>
        <p>text text text text text ext
        text text text text text ext text text text text text ext text text text ext </p>
        <p>text text text text text ext
        text text text text text ext</p>
    </div>
</div>

【讨论】：

【解决方案2】：

使用下面的代码来显示你想要的段落：

<p style="display:inline-block;width:7%;vertical-align:top;">1.2.1</p>
<p style="display:inline-block;width:90%;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</p>

【讨论】：