Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Float div bottom right with word-wrap. Responsive

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #46559
    revolutiong
    Participant

    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.

    #143610
    PicnicTutorials
    Participant

    I only know of a JS solution

    #143638
    revolutiong
    Participant

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

    #143885
    wolfcry911
    Participant

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

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

    #143890
    PicnicTutorials
    Participant
    #143945
    sadunaresh
    Participant

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

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

    #144106
    revolutiong
    Participant

    @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.

    #144108
    revolutiong
    Participant

    @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)
  • The forum ‘CSS’ is closed to new topics and replies.