web-dev-qa-db-fra.com

Comment indenter un div?

J'ai un div Centre-aligné avec sa marge ensembles sur 0 auto. Maintenant, je veux indenter sa marge gauche de 50 pixels du milieu. Chaque fois que j'essaie de le faire, cela aligne cependant le div sur le côté gauche de son conteneur et perd le centre d'aligner. Je pense que c'est parce qu'il remplace le champ gauche de la propriété de la marge. Est ce que quelqu'un sait comment accomplir cela? Pour plus de clarification, je voudrais indenter 50 pixels supplémentaires du centre du conteneur.

csshtmlindentation
15
John Smith

l'envelopper dans un autre div. faire la div extérieure margin: 0 auto; Et la div intérieur margin-left: 50px

26
mpen
<html>
<head>
    <title>Test</title>
    <style>
        #outer {
            margin: 0 auto; /*center*/
            width:200px;
            background-color:red; /*just to display the example*/
        }

        #inner {
            /*move the whole container 50px to the left side*/
            margin-left:-50px; 
            margin-right:50px;
            /*or move the whole container 50px to the right side*/
            /*
            margin-left:50px; 
            margin-right:-50px;
            */
        }
    </style>
</head>
<body>
<div id="outer">
    <div id="inner">
        This is the result!
    </div>
</div>
</body>
</html>
7
Daniel Kutik

essayer

padding-left: 50px;

et si cela ne suffit pas garder le rembourrage et l'annonce une autre div à l'intérieur du plus grand.

3
Alin Purcaru

Envelopper un autre div autour de votre div. Ensuite, Centre Alignez la nouvelle DIV, puis la marge gauche ou le remplissage laissait votre DIV d'origine.

0
Alistair Laing