FANDOM


  • Hi,

    In standard infoboxes from what I've seen lists that are created without anything like an asterisk or colon to mark items do not seem to work properly.

    Ie a list formatted like this works fine:
    *Item 1
    *Item 2
    *Item 3
    But if written like this:
    Item 1
    Item 2
    Item 3
    I get the first two items separate, but all subsequent items are on the same line
    Item 1
    Item 2Item 3

    Is there CSS to fix this or do I just have to insert break tags behind every line?

      Loading editor
    • You can apply divs, if you like.

        Loading editor
    • That seems like the best way to solve it, any pointers on how to do so?

        Loading editor
    • <div>hi</div>
      <div>how are you</div>
      

      outputs

      hi
      how are you

      Though I'd recommend sticking to <br>'s.

      Alternatively, you can do this:

      :Hi
      :How are you
      

      which outputs:

      Hi
      How are you
        Loading editor
    • first line<br/>second line is probably the best solution. Leafy's solution with colons won't work inside infoboxes. The <div>first line</div><div>second line</div> should work, but it's definitely more messy.

        Loading editor
    • Might just go with asterisks outright instead then, it's disappointing that colons don't work in infoboxes anymore. Can that be fixed?

        Loading editor
    • The HTML spec describes the perfect use of <br /> as addresses (where newlines are needed, but they're read as spaces by humans).

      So you should use the asterisk (list) syntax to separate links - the tag's meant for inline text (not links or bold text).

      Just use this CSS:

      .portable-infobox ul {
          list-style: none;
      }
        Loading editor
    • That works perfectly! Thanks Speedit.

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message