marges CSS Augmenter H1 Longueur

Tenir compte du balisage suivant:marges CSS Augmenter H1 Longueur

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test Page</title> 
     <link href="screen.css" rel="stylesheet" /> 
    </head> 
    <body> 
     <h1>Test</h1> 
     <h3>Description</h3> 
    </body> 
</html>

Et le CSS:

h3{ 
    margin-top: -25px; 
}

Maintenant, je veux le H3 d'avoir une marge gauche de si longue H1 est, et il est toujours 20px loin. Donc, si j'ai un bloc H1 de 200px de long, alors H3 aurait une marge gauche de 220px, et ainsi de suite. Comment ferais-je cela?

Source

2010-03-21 Ethan Turkeltaub

Je pense que ce que vous voulez réellement est:

h1 { 
    display: inline; 
} 

h3 { 
    display: inline; 
    margin-left: 20px; 
}

Source

2010-03-21 17:54:07

Oui, cela fonctionne beaucoup mieux, assurez-vous que vous mettez un après la ligne ''
s'il y a plus de texte ci-dessous, ou même essayer d'utiliser inline- bloquer au lieu de plain en ligne. – animuson

A travaillé, merci! –

Doesnt ce faire ce que vous voulez?

h1 { 
    float:left; 
} 
h3 { 
    margin:0 0 0 20px; 
    float:left; 
}

Source

2010-03-21 18:00:04 ugreen

Si le h3 doit être dans la ligne ci-dessous H1, mais toujours droit au H3 (avez-vous dire cela?), J'ai une solution (peut-être non optimale), qui fonctionne pour moi :

 #title { 
      float:left; 
     } 
     #h3wrapper { 
      float:left; 
     } 
     h3 { 
      margin-top: -25px; 
     }

HTML:

<h1 id="title">Test</h1> 
    <div id="h3wrapper"> 
     <h1>&nbsp;</h1> 
     <h3>Description</h3> 
    </div>

Source

2010-03-21 18:03:43

marges CSS Augmenter H1 Longueur

Répondre

Questions connexes