DTTG: line-height in markdown lists with line breaks

[webster4003]

Hi chrillek,

I agree, my CSS only addressed the whole <li> object and not particular elements within the <li>

@chrillek

i’m not sure that your CSS snippet has anything to do with the additional “padding” after the first/before the second line in a li element. If I convert a small example along your lines to HTML in DT, I get this:

Therefore your idea to set display: block for the <strong> element is quite nice. This indeed forces a line break and the forced line break via \ seems needless.

On the other hand there are some good reasons for the manual forced line break (putting \ at the end of a line) because it gives some more flexibility which I often use. Let me extend my example a little bit:

I followed your advice and exported the .md file to html. This is what the export delivered for the second entry:

<li>
      <p>
           <strong>this is another entry in my list</strong>
           <br/>
           this entry has two additional lines for explanations 
           <br/>
           this is the second one 
           <br/>
           and 
           <br/>
           some 
           <br/>
            forced 
           <br/>
           linebreaks
       </p>
</li>

Looking at the differences of the outputs of DEVONthink vs DTTG it looks like the <br/> tag is handled differently. Maybe <br/> in DTTG is displayed as two line breaks? hmmm

I also found out that it is possible to address DTTG in CSS using @media rule.

@media screen and (max-width: 600px) {
   ...
}

maybe this is the key for this issue?!