How to wrap image around the long text?


Tags: html,css

Problem :

If text is long then text moves to next line after image. How to wrap text around image?

CSS:

img {
    float: left;
    width: 200px;
    height: 200px;
}
.description {
    border: 1px solid #000;
    display: inline;
}

http://jsfiddle.net/qw4fxdwb/

Thanks in advance.



Solution :

You can do like this demo:

.wrapper-text{
    word-wrap: break-word; /*fixes the text to go below*/
    overflow: auto; /*fixes the whole text preventing to go below the image*/
}

    CSS Howto..

    How can i unify 2 images with drag and drop?

    Lazy loading images how

    how can resize the page? [closed]

    How to Display this CSS List using Class

    How to fake width animation with CSS transform?

    html - how to make images stay on certain part of background

    How to fix width of tooltip at IE8

    Using pure Javascript to show contents of list on click only on mobile and show initially on desktop

    How does Google Web Fonts decide which version of a font to provide to my browser?

    How can I vertically centre bullets that bracket headers

    How can I compress / gzip my mimified .js and .css files before publishing to AWS S3?

    How to adjust CSS settings for jquery.simply-scroll plugin to occupy full screen

    How to add TITLE and ALT to an background image (CSS Sprites)?

    How to make the opposite effect of Hover in css [duplicate]

    (CSS) How to position the Div near to the bottom right corner of the browser Relatively to the Browser Size? [closed]

    How to add bootstrap css to my Wordpress plugin

    How can I prevent IE from displaying a website? [closed]

    DOM: How to set element width based on iterator value and call a function on mouseover?

    How to make a CSS transition work “backwards”?

    How to use CSS to position a div in the middle of the page while support a dynamic width?

    How to select Bootstrap's collapsed menu button with CSS

    How to use modernizr for border-image

    How to prevent CSS inheritance where child selectors fail?

    How to apply an effect of white lines crossed to a div with css

    How can I apply a font type to everything using css

    How to hide or show correctly page element (with media query of pure css)?

    How to create a natural-looking line using css and maybe javascript? [closed]

    ExtJS how to remove grid row underline when selected and over

    How to select the last element within an element regardless of type in CSS?

    CSS. Parent > Child1:hover. How to display Parent > Child2?