Solved

HTML5 margin-bottom=0 on H1

Posted on 2014-03-06
2
183 Views
Last Modified: 2014-03-07
I am trying to remove the space between <h1> and <nav>

        <h1 class=title; margin-bottom=0>
            Be The Star Of The Show
        </h1>
        <nav>
            <h2>
            <a href="mMagic.htm"><b>Home</b></a> &nbsp;
            <a href="mServices.htm"><b>Services</b></a> &nbsp;
            <a href="mVideo.htm"><b>Video</b></a> &nbsp;
            <a href="mAbout.htm"><b>About</b></a>
            </h2>
        </nav>

Open in new window


.title { background-color:#630C0C; color:white; }
#valigntop { display: table-cell; vertical-align: top;  }
#content { background-color: #F6F6FD; }

Open in new window

0
Comment
Question by:CipherIS
2 Comments
 
LVL 52

Accepted Solution

by:
Carl Tawn earned 500 total points
ID: 39912156
This:
<h1 class=title; margin-bottom=0>

Open in new window

Should say:
<h1 class="title" style="margin-bottom:0;">

Open in new window

0
 
LVL 1

Author Closing Comment

by:CipherIS
ID: 39914026
That did it.
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question