Question

＆＃34;汽车＆＃34;标记＆＃34; p＆＃34;标签不是从一个新行开始，而是与＆＃34; h3＆＃34;在同一行上。标签同样的事情发生在电话标签和电子邮件标签之后，它发生在Chrome和其他浏览器中，但它在Safari中都可以正常工作。 html：

<div id="detailsm">
<h2>Contact Info</h2>
<h3>Automotive</h3>
<p>ccdccdc cascara</p>
<p>here</p> 
<p>left 0110</p>
<h3>Phone</h3>
<p>03 022 0221</p>
<p>03 022 8888</p>
<p>03 322 1022</p>
<h3>Email</h3>
<p>sacascasc@gmail.com</p>
</div>

的CSS：

#detailsm{
    padding: 30px 0 0 100px;
}

#detailsm h3{
    float: center;
    color: #696969;
}

Answer 1

不要使用float属性。如果你想要你的中心。尝试text-align属性：

#detailsm h3{
    text-align: center;
    color: #696969;
}

Answer 2

float:center;真的吗？

如果这是你想要的，它现在可以正常工作。

＆＃13;

    #detailsm{
        padding: 30px 0 0 100px;
    }
    
    #detailsm h3{
        text-align: center;
        color: #696969;
    }

＆＃13;

    It's working fine.
    
    <div id="detailsm">
    <h2>Contact Info</h2>
    <h3>Automotive</h3>
    <p>ccdccdc cascara</p>
    <p>here</p> 
    <p>left 0110</p>
    <h3>Phone</h3>
    <p>03 022 0221</p>
    <p>03 022 8888</p>
    <p>03 322 1022</p>
    <h3>Email</h3>
    <p>sacascasc@gmail.com</p>
    </div>

＆＃13;

<p>标记不会在新行上开始

2 个答案: