Question

我有两个水平规则和一些文字。在一些文本的顶部有一行，在文本的下面是另一行。

下面的那个一直在移动，我不知道为什么。有时，当我刷新页面时，它位于正确的位置，有时则不是。我也试过在手机上浏览，同样的问题。

我只想让两条线与中间的文字对称，这就是全部。

这是我的代码：

 <div class="blogpost3">
        <p class="posttitle"><span class="c1">NEW MUSIC VIDEO:<br />
        "IT'S SIMPLE"</span></p>

        <p class="postheader"><span class="c1">Release Date:</span> 1 September
        2013</p>

        <p class="postpicture"><img alt="" src=
        "images/itssimple.jpg" /></p><br />


        <hr id="hr3" />

        <p class="posttext2"><em>&nbsp;Suit and tie. Gin and tonic. Richi
        Rich.</em><br />
        <br />
        &nbsp;It's Simple.<br />
        <br />
        <a class="roll" href="music.html"><span data-title=
        "Watch the video here"><strong>Watch the video
        here.</strong></span></a></p>

        <hr id="hr3" />
    </div>

jsfiddle：http://jsfiddle.net/richirich/A5F8Y/2/

谢谢！

水平规则随机保持移动位置

0 个答案: