html и css теги не работают правильно, возможно, теги descender?

Так что я создаю сайт для класса, и я для жизни меня не могу понять, почему мой тег <p> работает неправильно, когда я пытаюсь изменить его в css. Если бы кто-нибудь мог помочь, это было бы потрясающе.html и css теги не работают правильно, возможно, теги descender?

Html:

<body> 
<section> 
<section id="pictures"> 
    <div> 
     <img src="images/ritual4.jpg" id="slide" class="floatLeft" alt="This is a picture of a group of young men posing and smiling"> 
     <script language="JavaScript">slideIt();</script> 
     <p>Ritual and Mills Music Mission</p> 
     <img src="images/ossian.jpg" alt="This is a picture of a group of dressed up men posing with an older gentleman."> 
     <p>Spaghetti Dinner Fall 2015</p> 
    </div> 
</section> 
    <section id="main"> 
    <h1>About Phi Mu Alpha</h1> 
<hr> 
<div> 
<p id="text">Phi Mu Alpha Sinfonia:</p> 
<p id="text1">Phi Mu Alpha Sinfonia was established on October 6th, 1898</p> 

    <p id="text"> 
    Gamma Beta Chapter: 
    </p> 
    </section> 
</section> 
</div> 
</body>

Css:

#main h1{ 
    text-align: center; 
    font-size: 28px; 
} 
hr{ 
    color:#FFFFFF; 
} 
#main #text{ 
    text-indent: 5%; 
    font-family: courier new, Georgia, Times; 
    padding-left: 15px; 
    padding-right: 15px; 
    font-size: 20px; 
    text-decoration: underline; 
} 
#main #text1{ 
    text-indent: 5%; 
    font-family: courier new, Georgia, Times; 
    padding-left: 15px; 
    padding-right: 15px; 
    font-size: 16px; 
    text-decoration: underline; 
} 

body #main p{ 
    text-indent: 8%; 
    font-family: courier new, Georgia, Times; 
    padding-left: 15px; 
    padding-right: 15px; 
    font-size: 18px; 
    text-decoration: underline; 
}

источник

2015-12-04 John

Чтобы быть честным, ваш код является беспорядок. Я изменил некоторые, но если вы хотите сделать это аккуратней, я могу изменить свой код, но если нет, то просто посмотрите на следующий код:

HTML:

<section id="pictures"> 
    <div> 
     <img src="images/ritual4.jpg" id="slide" class="floatLeft" alt="This is a picture of a group of young men posing and smiling"> 
     <script language="JavaScript">slideIt();</script> 
     <p>Ritual and Mills Music Mission</p> 
     <img src="images/ossian.jpg" alt="This is a picture of a group of dressed up men posing with an older gentleman."> 
     <p>Spaghetti Dinner Fall 2015</p> 
    </div> 
</section> 
<section id="main"> 
    <h1>About Phi Mu Alpha</h1> 
    <hr> 
    <div> 
     <p id="text">Phi Mu Alpha Sinfonia:</p> 
     <p id="text1">Phi Mu Alpha Sinfonia was established on October 6th, 1898</p> 

     <p id="text"> 
     Gamma Beta Chapter: 
     </p> 
    </div> 
</section>

CSS:

hr { 
    color:#fff; 
} 

#main h1 { 
    text-align: center; 
    font-size: 2em; 
} 

#main p { 
    text-indent: 8%; 
    font-family: "Courier New", Georgia, Times; 
    padding-left: 15px; 
    padding-right: 15px; 
    font-size: 18px; 
    text-decoration: underline; 
} 

#main #text { 
    text-indent: 5%; 
    font-size: 20px; 
} 
#main #text1 { 
    text-indent: 5%; 
    font-size: 16px; 
}

источник

2015-12-05 00:23:29 Uniforlyff

html и css теги не работают правильно, возможно, теги descender?

ответ

Смежные вопросы