Hi Hussein,

I have a very simple list markup, which I want to display in an appropiate way. 

<nummerierte-liste>
        <listnum>I.</listnum>
        <listeneintrag>
                <absatz>Futtermittelzusatzstoffe und Tierarzneimittel</absatz>
                <nummerierte-liste>
                        <listnum>a.</listnum>
                        <listeneintrag>
                                <absatz>erlaubte</absatz>
                        </listeneintrag>
                        <listnum>b.</listnum>
                        <listeneintrag>
                                <absatz>nicht erlaubte</absatz>
                        </listeneintrag>
                </nummerierte-liste>
        </listeneintrag>
        <listnum>II.</listnum>
        <listeneintrag>
                <absatz>Tierpr?parate</absatz>
                <nummerierte-liste>
                        <listnum>a.</listnum>
                        <listeneintrag>
                                <absatz>erlaubte</absatz>
                        </listeneintrag>
                        <listnum>b.</listnum>
                        <listeneintrag>
                                <absatz>nicht erlaubte</absatz>
                        </listeneintrag>
                </nummerierte-liste>
        </listeneintrag>
</nummerierte-liste>

So far so good.
I thought that the following CSS rules would give this text a nice appearance

nummerierte-liste {
    display: block;
    margin-left: 20px; 
    margin-top: 10px; 
    margin-bottom: 5px; 
}

nummerierte-liste > listeneintrag {
    margin-left: 20px; 
    display: display;
    margin-top: 0px;
}

nummerierte-liste > listeneintrag:after {
    content: "\A";
}

nummerierte-liste > listnum {
    font-weight: bold; 
    color: #004080;
          display: inline;
          margin-top: 7px;
}

nummerierte-liste > listnum:after {
    content: "   "; 
}

But unfortunately <listnum> and <listeneintrag> do not appear in the same line. 
I also tried to do it with display: table, table-cell and table-row but with no 
success.
It's a bit stange that this problem hasn't been reported by our editors before, 
so I am not
sure if this came with the v3.6 version...

Do you have a hint, how I can style this markup appropriately?

thanks,
Roman

Reply via email to