Стили имеют преимущественную силу. Абзац с отступом не работает

Question

Мне нужна помощь с проблемой форматирования. Я хотел, чтобы количество отступов в разделе адреса конфиденциальности HSC совпадало с разделом адреса безопасности HSC, и что-то не работает правильно. Я думал, что у меня правильно установлены классы, но я думаю, что что-то переопределяет предыдущий, и я не знаю, как это исправить.

<link href="../privacy/internal/css/turquoise.css" media="screen" rel="stylesheet"    type="text/css" />
    <!--HSC Compliance Office webpage starts here-->

    <link rel="stylesheet" href="complianceCSS.css">
    <h1 class="allpages">HIPAA</h1>

    <div id="hipaa">

    <div class="privacy">
    <!--HIPAA PRIVACY HEADER html-->
    <h4>HIPAA Privacy</h4>
    <img class="computer" alt="computer" src="computer.jpg" height="167">
    <p>The federal Health Insurance Portability and Accountability Act of 1996 <b>
    (&#8220;HIPAA&#8221;)</b>&#160;protects the&#160;<a href="http://www.hhs.gov   /ocr/privacy/hipaa/administrative/privacyrule/index.html" 
title="Privacy Rule">privacy</a>&#160;and confidentiality of an individual's health information.&#160; Known as &#8220;protected 
health information&#8221; or &#8220;PHI&#8221;, the health information <b>generally&#160;</b>cannot be used or disclosed unless
 the individual who is the subject of the PHI has given prior written&#160;
    <a href="http://hsc.unm.edu/admin/privacy/docs/Authorization to 
 Use and Disclose Health Information_1.pdf" title="Authorization">authorization</a>&#160;or permission.</p>
    <p>For more information about Privacy issues at the University of New Mexico please contact the  
 <a href="http://hsc.unm.edu/admin/privacy/index.html "
 target="_blank" title="Privacy Office">Privacy Office</a>
<p class="contact">
<h5 style="text-decoration:underline;>Physical Location:</h5><br>
University of New Mexico, North Campus
 <br>Basic Research Facility "BRF", Room B23B<br>
 <br>
 Mailing Address:</h5>
 <br>University of New Mexico
 <br>Health Sciences Center
 <br> 1 University of New Mexico
 <br>

 <br>Phone: [phone]
 <br>Fax: [phone]
 <br><a href="mailto:[e-mail]">[e-mail]</a>
 </p>
 <p>
 </div>
 <div class="security">
 <!--HIPAA SECURITY HEADER html-->
 <h4>HIPAA Security</h4>
 <p>The 
 <a href="docs/secfacts.pdf">
Security Rule Fact Sheet</a>&#160;sets standards for the security of electronic health   information (ePHI).
 Published in 2003, it defines a series of administrative, technical, and physical    security procedures for
  covered entities to use to ensure the confidentiality of ePHI.</p>
<p>For more information about Security issues at the University of New Mexico please contact: 
<p class="contact">
<a href="http://hsc.unm.edu/admin/privacy/index.html "target="_blank" title="HSC Security Office">HSC Security Office</a>
<br>Barney Metzner 
<br>HSC Information Security Officer
<br>[phone]
<br><a href="mailto:[e-mail]">[e-mail]</a>
</p>
</div>

 </div>

CSS:

#hipaa {background-color: #eeeeee; width: 655px;  border: solid; border color:#e9e9e9;margin-left: auto; margin-right: auto;}
.computer {float: right; margin: 0px 20px 5px 20px;}
.privacy {padding: 25px 0px 5px 40px;}
.contact{padding: 0px 20px  0px 40px;}
.security{padding: 10px 20px 20px 40px;}

Answer 1

Проблема заключается в <h5> тег вложен в ваш <p class="contact"> тег. Не изменяя любой другой синтаксис, вы можете переместить <h5> выше <p> тег, как показано в этом JSFiddle: http://jsfiddle.net/hJHRT/

Пример в коде:

<h5 style="text-decoration:underline;">Physical Location:</h5>

<p class="contact">
    University of New Mexico, North Campus<br>
    Basic Research Facility " BRF ", Room B23B<br><br>

    Mailing Address:<br>
    University of New Mexico<br>
    Health Sciences Center<br>
    1 University of New Mexico<br><br>

    Phone: [phone]<br>
    Fax: [phone]<br>
    <a href="mailto:[e-mail] ">[e-mail]</a>
</p>

Answer 2

Вы не должны вкладывать свои H5 внутри вашего P, Рассмотреть вопрос о создании <p class="contact"> в <div class="contact"> и посмотрим, сработает ли это для вас. Не забудьте также изменить закрывающий P на закрывающий DIV.

В противном случае, вы могли бы опубликовать скриншот?