: Making a div wrap around the content 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

@Pope3001725

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 */
}

Vote Up Vote Down