4

I have a div but it fits to the borders of the container instead of wrapping around the text. I tried float:left but it will push it to the side and there's no way to make it go to the center. Help?

Code:

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;

}
1
  • So you're saying that it's going to 100% of the container? Since text free-flows as wide as the container or screen, if you don't constrain the div, it's going to grow as wide or tall as its allowed. Could you give us the rest of the picture? Check your color: tag too...it's missing the #, which would make that declaration invalid. Aug 20, 2010 at 19:03

1 Answer 1

3

Based on what I see I'm guessing you're trying to get this DIV to center itself in another block level element and not have it expand to the entire width of the container. To do that you need to set a width for that 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 */
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.