Forums

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

Home Forums CSS A little problem with a heading

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #39149
    tmette
    Member

    So I’m working on a project that pulls in multiple headings dynamically from a database. I just found out that in some instances, the heading can be extremely long. Within that heading is also a span tag that is floated on the right side that contains a link. This is how it was designed but I’m having trouble getting the heading to break to a new line, rather than pushing the floated span down. Here’s a quick example of my problem:

    http://codepen.io/anon/pen/xtIhd

    I should also point out that the heading is in a fixed-width container so it can’t get any bigger. Any ideas would be greatly appreciated.

    #107084
    wolfcry911
    Participant

    One option would be to put the link first in the header and float it right (no need for the span btw).

    #107085
    tmette
    Member

    Wow, thanks wolfcry911! I must have been staring at this stuff for too long that I didn’t even think about that!

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