CSS width issue

Question

I have div C inside div B inside div A.

Div A has a width of 700px and div C has a width of 100px. Div B does not have a set width.

My problem is that div B extends its width to 100% (to fit the width of div A). Is there a way for div B, i.e. its width, to fit children divs? I want it to be wrapped around div C, and any other div that I set next to div C.

Answer 1

It looks like you need a nonexistent float: center attribute. Check out this article for a workaround.

Answer 2

:

#b {
  margin:0px auto;
  overflow:hidden;
  display:table;
}

.

Answer 3

B div , .

<div id="B" style="float:left;">