1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

No Break with H tag

Discussion in 'CSS' started by Lukas, Dec 19, 2008.

  1. #1
    How do you make a no line break with a H tag, when the H tag is in the menu area?

    like so:

    
    <style-type="text/css">
    
    .navline {
    width:960px;
    }
    
    .content {
     margin-bottom: 0px;
    padding-bottom: 0px;
    min-width:200px;
    max-width:300px;
    display:inline;
    }
    
    
    .content h4 {
     color:#000000;
     margin-bottom: 0px;
    padding-bottom: 0px;
    min-width:200px;
    max-width:300px;
    
    }
    
    
    .list {
    	min-width:300px;
    	max-width:650px;
    	margin-top:0px;
    	padding-top:0px;
    	}
    
    .list ul li {
    	display:inline;
    	margin-top:0px;
    	padding-top:0px;
    	}
    </style>
    
    
    <div class="navline">
                <div class="content">
                  <h4>Manage</h4>
                </div>
                <div class="list">
    
                  <ul>
                    <li><a rel="nofollow" href="#nogo">Tech</a>&nbsp;/</li>
                    <li><a rel="nofollow" href="#nogo">Mgmt</a>&nbsp;/</li>
                    <li><a rel="nofollow" href="#nogo">Services</a>&nbsp;/</li>
                    <li><a rel="nofollow" href="#nogo">Center</a></li>
    
                  </ul>
                </div>
              </div>
    
    
    Code (markup):
     
    Lukas, Dec 19, 2008 IP
  2. abcdefGARY

    abcdefGARY Well-Known Member

    Messages:
    665
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Not quite sure what you're asking, but if I understood correctly, you need to fix the h4 below so the break before the line disappears.

    .content h4 {
         display: inline;
    }
    Code (markup):
    and you need to add the styling below for the unordered list (which is causing the break in between):

    .list ul {
         margin: 0;
         padding: 0;
    }
    Code (markup):
    :eek:
     
    abcdefGARY, Dec 19, 2008 IP
    tarponkeith likes this.
  3. Lukas

    Lukas Well-Known Member

    Messages:
    1,299
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    130
    #3
    crazy thing worked when I used ul.list and h4.content
    I am not sure why though..
     
    Lukas, Dec 20, 2008 IP