Vytváření div obsahu kolem obsahu
Mám div, ale hodí se k okrajům kontejneru místo toho, aby se ovinul kolem textu. Snažil jsem se vznášet: vlevo, ale bude to tlačit na stranu a neexistuje způsob, jak to přejít do středu. Pomoc?
Kód:
div.warning-stripe {
padding:2px;
border:1px solid #FFA11B;
background-color: #FFC71B;
vertical-align:middle;
color:835600;
margin-left:auto;
margin-right:auto;
text-align:center;
}
Na základě toho, co vidím, se hádám, že se snažíte, aby se tento DIV vystředil na jiný prvek na úrovni bloku a aby se nerozbalil na celou šířku kontejneru. K tomu musíte nastavit šířku pro DIV:
div.warning-stripe {
padding:2px;
border:1px solid #FFA11B;
background-color: #FFC71B;
vertical-align:middle;
color:835600;
margin-left:auto;
margin-right:auto;
text-align:center;
width: 300px; /* You need a width if you're going to use auto margins */
}