Forums

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

Home Forums CSS How to make an element "break out" of the width of its parent

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #149217
    wesohaire
    Participant

    I have content area that I would like to be fairly narrow. However there are some elements that I would like to make a bit more wide (like a blockquote).

    Screenshot:
    https://dl.dropboxusercontent.com/u/49507403/HV_website.png

    Is there a good/semantic way to do this. I’m open to jQuery trickery too if I need to

    #149219
    Senff
    Participant

    As long as the parent has overflow:visible, it’s not too difficult.

    Wrap the stuff (like that blockquote) in a div, and give that div some negative margin-left.

    #149237
    Paulie_D
    Member

    Alternatively, you could something like this

    http://codepen.io/Paulie-D/pen/oGKtA

    #149280
    wesohaire
    Participant

    Pauli_D I think you nailed it. I’m going to go w/ that approach :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.