Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Mar 2013
    Posts
    80
    Thanks
    45
    Thanked 0 Times in 0 Posts

    for god s sake.. please help with float

    yet another problem.. text isnt floating ... it's suppose to be at the right side since im floating the image..
    preview
    http://jsfiddle.net/NrtRL/embedded/result/

    <div id="wrapper">
    <img src="image.png">
    <p>
    spamspamspamspamspamspamspamspamspamspamspamspamspamspamspam
    spamspamspamspamspamspamspamspamspamspamspamspamspamspamspams
    spamspamspamspamspamspamspamspamspamspamspamspamspamspamspamsp
    spamspamspamspamspamspamspamspamspamspamspamspamspamspamspamsp
    </p>
    </div>



    #wrapper{background-color:red;width:600px;height:250px;}
    #wrapper img{float:left;}
    Last edited by h123er2; 04-20-2013 at 09:47 PM.

  • #2
    Regular Coder Lerura's Avatar
    Join Date
    Aug 2005
    Location
    Denmark
    Posts
    894
    Thanks
    0
    Thanked 117 Times in 116 Posts
    There is not enough space to the right of the image to display the words.

    If you changed wrote spam spam spam spam instead of spamspamspamspam
    the float will place as many of the words as there is place for, and then move to the next line to write more words.

    But there is not space for as long words as you have, to the right of the image.

  • Users who have thanked Lerura for this post:

    h123er2 (04-21-2013)

  • #3
    New Coder
    Join Date
    Dec 2011
    Posts
    79
    Thanks
    5
    Thanked 12 Times in 12 Posts
    FYI - For dummy text this is a great website to go to: http://www.lipsum.com/


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •