How To Deal With Line Wrapping?

  • I have a few post titles that are a bit long neccesarily, as they’re song titles. The problem is that they’re so long that they wrap and cover other elements.
    The easy suggestion is to either reduce font size or increase the bottom margin, but then that messes with the look I’m going for. Smaller font size is too small and increasing the bottom margin works for the long wrapped lines, but then the ones that don’t wrap are too far from the post.
    Any way to tackle this? Some kind of dynamic “increase margin if wrap” kinda thing?
    https://tekmonki.com/musica.php (check out towards the bottom Lenny Kravitz and Depeche Mode to see what I’m referring to).

Viewing 3 replies - 1 through 3 (of 3 total)

  • Block level elements do adjust automatically (most of the time) depending on whether or not there are multiple lines. I think the problem in your particular case is with the css involving .storycontent having a negative top margin assigned by “margin: -14px 0px 0px 9px;“

    Thread Starter TMo

    (@tmo)

    Thanks.
    I’ve made some changes to the site overall and it seems to have sorted it self out.

    Thread Starter TMo

    (@tmo)

    Actually it showed up again, but I discovered:
    ‘height: auto;’
    Will expand/contract the box with the contents, but not overshadow another div, just move everything down.
    Sorted. But it doesn’t seem to work on the content section div for some reason.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How To Deal With Line Wrapping?’ is closed to new replies.