CSS Espacement du Texte à l'intérieur d'un Bloc Div
Comment devrais-je placer mon texte légèrement vers la gauche de sorte qu'il est compatible avec la prise de la barre orange attaché? Si je fais "Text-Align: Left" il se déplace trop loin vers la gauche. Je vous remercie pour votre aide.
#orange-bar {
width: 18%;
height: 43px;
position: left;
margin: 2px 0px 0px 0px;
background-color:#FF6633;
font-family:'LinotypeUniversW01-Bold 723691';
color:#FFFFFF;
font-size: 17px;
vertical-align:middle;
line-height: 43px;}
<html>
<head>
<title>Instagram</title>
<script type="text/javascript" src="http://fast.fonts.com/jsapi/999aedb9-3bfd-4571-a6ad- 1d2b5e4de25f.js"></script>
<link href="/static/main.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<a href = '/instagram' id = 'header-name'></a>
<form method = 'post'>
<input onfocus="this.value=''" onblur="this.value='#tag search'" type = 'text' name = 'tag' id = 'tag-search' value = '#tag search'></input>
</form>
<div>
<input type="submit" id = "submit">
</div>
<div id = "header-bar"></div>
<div id="orange-bar">#LOOKLAB</div>
<div id = "container">
- Nous avons besoin de votre code html
- Et le CSS pour la barre blanche
- Qu'est-ce que
position: left;
?
Vous devez vous connecter pour publier un commentaire.
Vous pouvez essayer de rembourrage:
Ici est un jFiddle pour vous montrer à quoi il ressemble.
Vous l'avez mentionné dans la réponse que le rembourrage est d'ajouter à la largeur de l'orange-bar div. C'est parce que le rembourrage, les marges et les frontières affecter la largeur de la div, il est appliqué à partir de w3schools.com):
Une autre façon de répondre à cette question pour vous serait d'appliquer le rembourrage pour un autre tag (comme un span, p, imbriquée ou div) qui indique simplement un collier de quantité et non de la largeur).
Pour plus d'informations sur la façon padding, border et de la marge d'incidence sur le contenu de la zone, de lire sur le Modèle de boîte à l'article w3schools.com.
Découvrez le padding-left de l'attribut de l'élément que vous souhaitez mettre en ligne avec la barre orange.
n'est pas une bonne propriété css.
si je reçois votre demande de droite, vous pouvez utiliser un rembourrage comme suit:
si vous avez plus d'un div & souhaitez organiser tous à gauche, puis vous pouvez utiliser le code css suivant:
et à l'aide de commande de position est comme ceci: