css - テキストの配置がおかしい

Question

#intro 内のパラグラフのテキストが、なぜそのように配置されているのか理解できません: http://www.physoc.org.uk/ (「こんにちは、みんな....」というテキストは、ページ）。

#intro にのみスタイリングがあります。

#intro {
    position:relative;
    top:160px;
    height:87px;
    background-color: rgba(255,255,255,0.6);
    border-radius: 10px;
    moz-border-radius: 10px;
    webkit-border-radius: 10px;
    font-size: 18px;
    font-weight:bold;
}

、 ありがとうございました

Answer 1

p タグに絶対位置を指定してみてください:

   #intro{
       position:absolute;
   }

Answer 2

これを試して：

#intro p {
    margin: none;
    position: relative;
    top: -140px;
    left: 10px;
}

スクリーンショット:

Answer 3

または、これを行うことができます：

#intro{ position: absolute; width: inherit; }