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