Stop text from wrapping around image

Question

I want to stop text from wrapping around image. Is there any way to do this without using margin?

Answer 1

You'll have to wrap your text in its own container.

Since your is floated to the left, you can use overflow: hidden on your newly-added container to achieve no wrapping of the text.

However block elements shouldn't be descendants of elements, you may want to rethink this tag.

img {
    width:100px;
    height:67px;
    float:left;
}
div {
    overflow:hidden;
}

    
    

        Text here. Text here. Text here. Text here.

        Text here. Text here. Text here. Text here. Text here. Text here.

        Text here. Text here. Text here. Text here.Text here. Text here.Text here. Text here.Text here. Text here.Text here. Text here.

        Text here. Text here.Text here. Text here.Text here. Text here.
        Text here. Text here. Text here. Text here.

        Text here. Text here. Text here. Text here. Text here. Text here.

        Text here. Text here. Text here. Text here.Text here. Text here.Text here. Text here.Text here. Text here.Text here. Text here.

        Text here. Text here.Text here. Text here.Text here. Text here.
    

JSFiddle