Box Layout Examples

I'm in the top div

i'm on my own

i'm on my own
and fit

i'm on my own
and sized

i'm on my own
in the center

CSS - Using float/clear

i'm sized b1

i'm sized b2

i'm sized b3

CSS - Using inline-block

i'm sized b1

i'm sized b2

i'm sized b3

CSS3 - Using a Flexbox 1 - left

i'm sized b1

i'm sized b2

i'm sized b3

CSS3 - Using a Flexbox 1 - center

i'm sized b1

i'm sized b2

i'm sized b3

CSS3 - Using a Flexbox 2 - columns%

sdf d fs dfs df sd fsdfsf dsf sdfsdfsd fsfsd df sdf s fs fs
jhzh jdhsjhfjsha

b2

b3