17

While editing profile, this is how the preview shows list items containing code spans:

preview

But this is the actual result after editing profile:

actual rendering

Expected result: There should be spacing between the code spans in list items as shown in preview.

4
  • 12
    Formatting technology names as code? Not sure about that… Commented Jun 25, 2016 at 23:01
  • @Xufox Yea I should've used tags for that... But someone might actually want to use code snippets...
    – T J
    Commented Jun 26, 2016 at 4:24
  • Oh wait... If I use [tag:name] then I can't redirect it to a particular URL like [tag:name](http://whereiwantogo) top users for example... so I think code is my best bet.
    – T J
    Commented Jun 26, 2016 at 13:32
  • 4
    You don't have to use the [tag:...] syntax, but you still shouldn't abuse code formatting for things that aren't code. I see no particular reason why the names of tags should be set apart with a monospaced font.
    – Cody Gray Mod
    Commented Jun 27, 2016 at 14:36

2 Answers 2

13

The margin between list items is added in http://cdn.sstatic.net/Sites/stackoverflow/all.css

.post-text ul li, .wmd-preview ul li,
.post-text ol li, .wmd-preview ol li {
    margin-bottom: .5em;
}

So it affects posts and previews. The bio preview is also a preview, but the bio is not a post.

Either make the bio a post, or set the margin to the bio too

.post-text ul li, .wmd-preview ul li, .bio ul li,
.post-text ol li, .wmd-preview ol li, .bio ol li {
    margin-bottom: .5em;
}
-2

You might want to use the Html line break tag <br> or may be add some margin-bottom?

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .