HTML alignment

AXISHK
AXISHK used Ask the Experts™
on
Any idea how to change the html code to reduce the line space between "Interim Report 2015" and "(test description)"  ?

    <td valign="top" nowrap="nowrap" scope="col" ><br />
      <span class="style3"><font style="color:#007A78; font-size:14px; font-weight:bold">Interim Report2015</font></span>
        <p>(test description)</p>
      <p class="content_1"><a href="../cms/upload/report/pdf_en/interimr2015.pdf" target="_blank">PDF version</a></p>
        <p class="content_1"><a href="../cms/upload/report/pdf_en/ebook-flash/IR2015_eng/HTML/index.html" target="_blank">Flash version</a></p>
     </td>
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Computer Technician
Top Expert 2015
Commented:
Replace  
 <p>(test description)</p>

Open in new window

with
<br />(test description)

Open in new window

Most Valuable Expert 2018
Distinguished Expert 2018
Commented:
You might want to start by using modern HTML. Your code looks like something from 20 years ago, and includes deprecated tags and attributes, such as <font>, valign and nowrap

If Interim Report is supposed to be some kind of header or title, then use one of the header tags <Hx> and then use CSS to style it. You can set the space between elements by using margins.

Using a <span> for a header, and then a <br> for a paragraph break is just plain wrong!

// HTML
<h3>Interim Report 2015</h3>
<p>(test description)</p>
<p>...</p>

// CSS
h3 { color:#007A78; font-size:14px; font-weight:bold; margin-bottom: 0.5em; }
p { margin-bottom: 1em; }

Open in new window

Author

Commented:
Thx

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial