Links are not formatting properly, showing up on next line

  • Resolved igpelletier

    (@igpelletier)


    11 years, 4 months ago

    Whenever I format text into a link, or even manually enter the code in the editor for the link, it ends up going to the next line. It looks fine in the Editor, but it ends up on the next line when viewing in the browser.

    So rather than being like this, part of the sentence.

    It ends up
    like this
    and pushes any text after it to another line

    You can see an example of it at the bottom of this blog entry:
    https://www.squeakycleandesign.net/sugar-skull-planter/#more-77

    I’ve avoided putting links within blogs because of this problem, but it’s kind of become a pain!

Viewing 1 replies (of 1 total)

  • For some reason, your theme had defined anchor tags (i.e., links) to display as block elements instead of inline. Block elements are usually reserved for heading tags, paragraphs, etc., because they are supposed to stand by themselves, apart from all other web elements. Anchor tags by default are inline, meaning they flow with the rest of the text within a block, so it’s very strange that this theme would re-define the style to be block.

    In any case, do you know how to add your own CSS? I can’t tell if your theme has a custom CSS option. If it does, then add this CSS rule:

    a {
   display: inline;
}

    This will get all of your links to display properly.

    If your theme does not have a custom CSS option, then install a CSS plugin like Lazyest Stylesheet or Custom CSS Manager, and add the CSS rule that way.

Viewing 1 replies (of 1 total)
  • The topic ‘Links are not formatting properly, showing up on next line’ is closed to new replies.