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