Text-wrapping problem

  • Unknown's avatar
    miguelmaiquez · Member ·

    Hello. My blog address is miguelmaiquez.wordpress.com. I switched over to the “Untitled” theme and love it, but on the index/home page, some of the titles of my posts are displaying improperly. Rather than bumping the word down to the next line if it’s too long to properly display, it simply cuts the word off and continues it on the next line. For example, “Paradero desconocido” should display as

    Paradero
    desconocido

    but instead shows up as

    Paradero desconocid
    o

    I guess it have to be a text-wrapping problem, but I’ve tried to fix it in css and I can’t

    Thanks for your help.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    When you publish a post, WordPress automatically adds a non-breaking space before the last word in the title. A non-breaking space tells your web browser not to add a line break at that space. That keeps you from having a single word from your title on a line by itself, which is called an “orphan.” You can learn more about that concept here: http://en.wikipedia.org/wiki/Widows_and_orphans

    The problem is that in your post title, there are only two words and they don’t fit on one line together. To fix that, you can replace the regular space in your post title with a breaking space (instead of a non-breaking space) so that your web browser adds a line break between the two words. Here’s the HTML code for a breaking space:

     

    So here’s what you can enter in the post editor for the title of that post to make sure you get a line break in your title:

    Paradero desconocido

    Please let me know if you have any questions about that. :)

  • Unknown's avatar
    rachelmcr · Member ·

    Sorry about that! It looks like the forums automatically converted my HTML code into a space. :)

    Here’s the code for a regular breaking space:

    & e n s p ;

    You’ll need to write it without any of the spaces between the characters to get the correct HTML code, or you can check here for how the HTML code should look: http://webref.info/?ID=12006

    You can enter that in between the two words in your post title — and please let me know if you have any questions.

  • Unknown's avatar
    miguelmaiquez · Member ·

    I just did it and it works. It seems more like a patch, though, instead of a real fix, but I guess that’s all I can do for now.

    Thank you very much for your help.

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    I’m glad that workaround works for you. The non-breaking space is a feature to help avoid orphans in post titles and elsewhere on blogs. However, I reported the issue you had to our developers to see if there’s a way to account for cases like this one. Thanks for getting in touch about this!

    If there’s anything else I can do, please let me know. :)

  • Unknown's avatar
    miguelmaiquez · Member ·

    Thank you!

  • The topic ‘Text-wrapping problem’ is closed to new replies.