Grow your CSS skills. Land your dream job.

Float div bottom right with word-wrap. Responsive

  • # July 20, 2013 at 2:16 am

    I am sure this question has been ask before. Looked through countless post without any avail. The closest I could get is this crude javascript work around.

    Check out this Pen!

    I envision perhaps psuedo element that can control padding on the bottom right, then using a negative top margin to bring a div into that space.

    Its a long shot, but if anyone has a solution it would make me really happy.

    # July 20, 2013 at 6:42 am

    I only know of a JS solution

    # July 20, 2013 at 12:37 pm

    I be interested in seeing another js solution. Let me know if mine differs from yours.

    # July 21, 2013 at 8:32 am

    revolutiong, here’s a pen I created a while back with similar functionality.

    http://codepen.io/wolfcry911/pen/whDzb

    # July 21, 2013 at 10:46 pm

    <p>can we do something like,</p>

    <p>giving position:absolute to inner div and bottom:0px, right:0px
    …??</p>

    # July 22, 2013 at 3:02 pm

    @PicnicTutorials your solution is better then mine. Thanks for sharing it. Its such a great trick to use for design, and surprised there isn’t more post on it. I’ll be using this a lot, till flexbox is viable.

    # July 22, 2013 at 3:38 pm

    @sadunaresh that does not word wrap.

    @wolfcry911 that isnt working on chrome, plus I dont believe its responsive.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".