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.