how can i make paragraf with 3 coloumn also has image float right in the top

[dauruk0512]

Hello Guys i’m creating paragraf form that using bootsrap, i need paragraf with 3 coloumn and i found about -moz-column-count: 3; css3 but i face problem that i need my images has float right and paragraf has 3 coloumn, i did in with float:right and margin-top:-100px but my html not good to look this is my simple demo http://codepen.io/anon/pen/doXgaE

this is my prototype my images http://prntscr.com/76x1g9

Will big thanks for anyone respond

[Paulie_D]

Pretty sure you can’t do that with column-count.

This feels like a “css-regions” thing and those aren’t really production ready yet.

[dauruk0512]

Any idea about my problem Paulie ?
i’m not familiar with css stuff please guide me if you free

[Paulie_D]

CSS hasn’t caught up with print layouts just yet.

I can’t think of anything in CSS that would arrange a continuous piece of text in columns that wrap around an image like that.

Even with Javascript and separate divs it might be problematic.

[dauruk0512]

still not working Paulie :( will you give small tutorial about it here is my small code http://codepen.io/anon/pen/doXgaE if you free

[Paulie_D]

still not working Paulie

It CAN’T work just yet…there is no property that will do this that works consistently right now..although it is being worked on.

I can’t think of anything in CSS that would arrange a continuous piece of text in columns that wrap around an image like that.

If someone can come up with something clever I hope they see this and can chime in…it’s beyond me.

[Author]

Posts