li旁边的css ul形状

时间:2015-02-27 15:40:53

标签: css alignment html-lists

有人能告诉我如何让ul li的形状在li旁边对齐。 我有一个浮动到左边的部分,文本在浮动部分的中心 我添加了一个ul,但是正方形是在页面的旁边而不是在li项目旁边 听起来很简单。

stylesheet.css中

#SectionOne {
    float: left;
    width: 40%;
}
#SectionOne ul {
    list-style-type: square;
}
#subPage {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

subPage.php

<body id="subPage">
<section id="SectionOne">
    <h4><b> January 1st 2015</b>
    </h4>
    <p>Related Title</p>
    item1<br>
    item2<br>
    item3<br>
    <p><h3>List Title</h3>
        <ul>
            <li>Bullet Item One</li>
            <li>Bullet Item Two</li>
            <li>Bullet Item Three</li>
        </ul>
    </p>

</section> 
</section>
</body>

章节&#39; SectionOne&#39;漂浮在左边并且对齐居中是我希望的,但是当我把风格添加到&#39; ul&#39;子弹是合理的。有没有办法让他们靠近订单项?或者我应该为&#39; ul&#39;创建另一个部分。单独?

0 个答案:

没有答案