Two CSS Questions – Removing H1 line break on wordpress

0 Views

Here’s my h1 problem:[link removed]
i need the h1 to blend into the paragraphs perfectly for seo purposes. the tags are around Long Island.

I have the css set to h1{display: inline;padding:0;margin:0;font-weight:normal;font-size:17px;} still breaking… before. i tried adding similar stuff to “< p >” but it completely took out all the breaks, i still need some breaks!

Post Views: 0

Related posts

Leave a Reply

3 comments

  1. u can just use a H1. use a span to style specific words within your h1.

    <h1>Welcome! My name is Nancy Lewis and I’m from <span>Long Island</span></h1>

    Then u can style the words Long Island as you like 

    h1 span {font-weight:700} /*or whatever you like*/

    for the second example, try to put margin yo for your body 

    body {margin:0}

  2. Both H1 and P are block level elements. In order to get the effect you want, both P and H1 need to have their styles set to display: inline;.

    Try:

    CSS:

    .inline { display: inline; }

    HTML: 

    <p class="inline"> Welcome! My name is Nancy Lewis and I’m from </p>
<h1 class="inline"> Long Island </h1>
<p class="inline"> , New York. </p>

  3. So you need the h1 and it’s immediate following p element to be inline. Simple!

    The h1:

    h1 {
    display: inline;
}

    The immediate following p:

    h1 + p {
    display: inline;
}

    What’s the + up there? It’s the adjacent sibling selector +. Go ahead, click the link.

    That’s it! But, of course, there’s no need to repeat yourself. Stick the two together, and you get:

    h1,
h1 + p {
    display: inline;
}

    Here’s a fiddle (actually, a “tinkerbin”): http://tinkerbin.com/jy3uoWX9