如何设置 div 块中的文本具有特定宽度？

Question

我正在努力让代码中的文本仅填充 body 元素宽度的 80%。不确定我是否应该使用 width 元素或 padding.. 现在两者都不适合我。

HTML:

    <body>
        <div id="full">
            <h3>
                The Idea
            </h3>
            <p class="paragraph">
                text
            </p>
            <h3>
                A Very Profitable Investment
            </h3>
            <p class="paragraph">
                text
            </p>
            <h3>
                30 Years Experience
            </h3>
            <p class="paragraph">
                text
            </p>    
        </div>
    </body>

CSS:

    #full{
    width: 80%;
    margin: auto;
    display: inline-block
    }

Answer 1

#full {
  width: 80%;
  margin: 0 auto;
  display: block;
}

以上对我来说非常好

display 属性设置为 inline-block 的元素不能自动居中并带有自动边距（因此您可能会认为是全角用法）但是宽度实际上已经正确

Answer 2

如果可以使用 display: block，则使用 display: block; margin: 0 auto，如果使用 display: inline-block，则可以删除 margin: ... 并使用 padding: 0 10%（两侧填充 10%文本 = 20%)

如何设置 div 块中的文本具有特定宽度？

How to set text in div block to have a specific width?

html

css

css-float

web