[Sugarcane][1.4.1]White Space in Lists?

Sharpe

Is there a reason for the added white space in the following list?

Passage ("nobr" tag):

List:
<ul>
<li>One</li>
<li>Two</li>
</ul>

Stylesheet:

ul {
margin: 0px;
padding: 0px;
}

Twine 1.4.1. Latest Firefox/Chrome/IE.

See attached.

mth

You can use a debugger to figure out where the white space is exactly. For example, in Firefox you can do Inspect Element and then in the Box Model tab it will show how large the margin, border and padding areas are. Then check the Rules tab to see which definition is setting the size. Or use the low-tech debugging approach: set a background color on every element you use: padding is in the color of the element itself, while margin is in the color of its parent.

Where exactly is the unexpected whitespace? Note that you only disabled whitespace on the list container (the <ul>), not on the individual items in the list (the <li>'s).

Sharpe

Like I say, the passage is tagged "nobr" though.

This:

List:
<ul>
<li>One</li>
<li>Two</li>
</ul>

Looks different than this:

List:<ul><li>One</li><li>Two</li></ul>

I added the <li> to the stylesheet to no affect.

I'm guessing the </li> counts as a <br>?

Attached the HTML file this time.

Sharpe

Setting "line-height: 100%;" helped.

I think that did it.