Hallo, möchte Hilfe - einfache Layout, aber verstehe nicht...
Es gibt Text und dazwischen Bilder.
Alles OK, aber wenn kommt Tag <ul>, gibt es keinen freien Platz zwischen Bild und Punkt ( Tag <li>)
Man kann da schauen - https://www.ockham.xyz/ockham/illation/de ( zweite Bild unten).
HTML
Habe versucht mit
äußere Div -
- es geht nicht.
CSS -
Was soll man hier tun?
Vielen Dank.
Es gibt Text und dazwischen Bilder.
Alles OK, aber wenn kommt Tag <ul>, gibt es keinen freien Platz zwischen Bild und Punkt ( Tag <li>)
Man kann da schauen - https://www.ockham.xyz/ockham/illation/de ( zweite Bild unten).
HTML
HTML-Code:
<img src=<?= $picture[1] ?> class="fleft"/> <tk3>Diese Aussage sieht zu akademisch, wissenschaftlich und extravagant aus.<br> Tatsächlich ist dies ein nützlicher praktischer Leitfaden, was im wirklichen, "einfachen" Leben sehr hilft:</tk3> <ul style="font-size:1.2em;"> <li><b>Die einfachste Annahme ist wahrscheinlich richtig</b></li> <li><b>Komplexe und/oder ungewöhnliche Annahmen sollten sein <ins>durch ihre Anhänger absolut bewährt</ins></b> </li> <li><b>Mit den Bewertungen der Vergangenheit muss man sehr vorsichtig sein, wenn diese Schätzungen auf der Grundlage heutiger Tatsachen vorgenommen werden</b></li> <li><b>Man sollte der Bosheit nicht vorab zuschreiben, was sich leicht durch Irrtum, Dummheit oder Zufall erklären lässt.</b> </li> </ul>
äußere Div -
HTML-Code:
<div style="margin-left:8px;"> <ul> .......... </ul> </div>
CSS -
Code:
img {
border: solid 1px #aaa;
padding: 2px;
}
.fleft {
float: left;
margin: 0 1em 0.2em 0;
width: 40%;
}
.fright {
float: right;
margin: 0 0 0.2em 1em;
width: 40%
}
ul {
margin-bottom: 0.4em;
padding-bottom: 0.4em;
}
ul li {
list-style-type: disc;
color : #8F5902;
font-weight: 600;
font-size: 1.2em;
margin-bottom: 0.4em;
padding-bottom: 0.4em;
}
Vielen Dank.

Kommentar