J'ai ce code:
<html>
<head>
<style type="text/css">
.container {
border-bottom: 1px dotted #999999;
width:500px;
padding-left:200px
}
</style>
</head>
<body>
<div class="container">asdf</div>
</body>
</html>
4 Réponses :
Utilisez la marge au lieu de remplir ou d'utiliser une DIV intérieure .. (Mise à jour pour les exigences de correspondance décrites dans des commentaires)
<html>
<head>
<style type="text/css">
.container {
width:500px;
padding-left:200px
}
.inner{
border-bottom: 1px dotted #999999;
}
</style>
</head>
<body>
<div class="container">
<div class="inner">
asdf</div>
</div>
</body>
Ajoutez ensuite un enfant DIV qui a le contenu et ajoutez un remplissage à l'extérieur, ou de la marge à l'intérieur.
Peut-être comme ça, avec Les propriétés de rembourrage CSS définissent la
espace entre la bordure des éléments et
le contenu de l'élément.
donc pas "rembourrage" l'ensemble margin-gauche
0 commentaires
Si c'est le cas, utilisez ceci:
.container {
padding-left:200px;
}
.content {
width:500px;
border-bottom: 1px dotted #999999;
}