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 to highlight a window in JavaFX?

    How to add own icons in bootstrap navbar

    How can you hide CSS from the iPhone, but not other browsers?

    IE css filter: adding black outline to text - how do I remove it?

    How to apply css style to jquery effect

    How could I add a header to a HTML page via CSS?

    css book on css box model, how block element width can get affected etc

    How to change CSS attribute value based on querystring using jQuery

    How to change CSS display property using an anchor tag?

    CSS Web fonts how to use it with use of @font-face its not working

    How to add css style in php email?

    How to change the CSS of Background Element?

    How to hide element using Class; instead of using css function in JQuery? [closed]

    How to move this circle using javascript?

    How to temporarily modify the CSS of an element

    How do I get my HTML page to display in the browser without horizontal and vertical scroll bars?

    How to calculate effective CSS for a DOM node using PHP

    How to include css in mulitple jsps?

    Show css3 animate for 2 times

    How to integrate many CSS files

    How to use CSS to align a custom check box with its label?

    how to center text vertically in html using css only

    How to place the block on the top of “second” screen using CSS?

    Use ::after selector to show line number but also display a element next to it when hovering over the containing table td cell

    How to style a div to be a responsive square? [duplicate]

    How to make html to fill full screen height on webview in android browser

    How do I scroll to s specific location in an iframe?

    How can I make a DIV element Fixed but non-Scaleable?

    Show header below fixed nav when clicking hash tag link

    How can I get CSS codes in a style element? [duplicate]