it-swarm-eu.dev

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;

}
4
Gabriele Cirulli

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 */
}
3
John Conde