Liste (mehrfache Einzüge)
CODE
×
HTML
<ul class='default list-multi-feed'><li class="default">Achten Sie darauf, dass alle Wörter richtig geschrieben sind. <ul class="list-multi-feed"> <li class="default">Probieren Sie es mit anderen Suchbegriffen.</li> <li class="default">Probieren Sie es mit allgemeinen Suchbegriffen. <ul class="list-multi-feed"> <li class="default">Dritter Einzug (Diesen sollte man eher sparsam einsetzen!)</li> <li class="default"><a href="x1" class="text-link">Dieses wäre ein Link</a></li> </ul> </li> </ul> </li></ul>
CSS
ul.default.list-multi-feed { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; color: var(--black); font-size: 16px; line-height: 26px; margin-top: 36px; margin-bottom: 36px; } @media screen and (max-width: 767px) { ul.default.list-multi-feed { font-size: 15px; line-height: 24px; } } ul.default li { list-style: none; position: relative; margin-left: 12px; } ul.default li::before { position: absolute; content: ''; height: 6px; width: 6px; background-color: #EA161F; top: 10px; left: -18px; } @media screen and (max-width: 767px) { ul.default li::before { top: 8px; } } a.text-link-list { display: inline; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,1); line-height: 125%; color: rgba(0,0,0,1); border-bottom: 1px solid rgba(0,0,0,1); } a.text-link-list:hover, a.text-link-list:focus { border-color: rgba(234,22,31,1); } ul.default { color: var(--black); font-size: 16px; line-height: 26px; margin-top: 36px; margin-bottom: 36px; } @media screen and (max-width: 767px) { ul.default { font-size: 15px; line-height: 24px; } } ul.default li { list-style: none; position: relative; margin-left: 12px; } ul.default li::before { position: absolute; content: ''; height: 6px; width: 6px; background-color: #EA161F; top: 10px; left: -18px; } @media screen and (max-width: 767px) { ul.default li::before { top: 8px; } } a.text-link-list { display: inline; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,1); line-height: 125%; color: rgba(0,0,0,1); border-bottom: 1px solid rgba(0,0,0,1); } a.text-link-list:hover, a.text-link-list:focus { border-color: rgba(234,22,31,1); }
JS
Liste (mehrfache Einzüge)
barrierefrei
Letzte Änderung: 15.05.2023 - 00:36 Uhr
×
Achten Sie darauf, dass alle Wörter richtig geschrieben sind.
Probieren Sie es mit anderen Suchbegriffen.
Probieren Sie es mit allgemeinen Suchbegriffen.
Dritter Einzug (Diesen sollte man eher sparsam einsetzen!)
Dieses wäre ein Link