Auf Thema antworten 2026

Beitrag

<blockquote data-quote="draupnir" data-source="post: 2775774" data-attributes="member: 245968">So, ich habe eine sehr einfache, schnelle Lösung gefunden. Im Safari läuft es gut. Falls jemand in einem anderen Browser Probleme hat, lasst es mich bitte wissen.<a href="https://abload.de/image.php?img=screen1w7f75.png" target="_blank"><img src="https://abload.de/img/screen1w7f75.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>HTML-Dokument zum Testen:<a href="https://filehorst.de/d/eptguAzx" target="_blank">Datei von filehorst.de laden</a>Und hier der HTML bzw. CSS-Quellcode:<code class="bbCodeInline"></code><code class="bbCodeInline">&lt;!doctype html&gt;</code><code class="bbCodeInline">&lt;html&gt;</code><code class="bbCodeInline">&lt;head&gt;</code><code class="bbCodeInline">&nbsp; &nbsp; &lt;meta charset=&quot;UTF-8&quot;&gt;</code><code class="bbCodeInline">&nbsp; &nbsp; &lt;title&gt;Test für Gedicht&lt;/title&gt;</code><code class="bbCodeInline">&nbsp; &nbsp; &lt;style&gt;</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp; &nbsp; .poem p::first-line {&nbsp; background-color: yellow; text-align: right; }</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp; &nbsp; .poem p:nth-of-type(n+1) { text-align: justify; }</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp; &nbsp; .poem {width: 50%; margin-left: 5em; }</code><code class="bbCodeInline">&nbsp; &nbsp; &lt;/style&gt;</code><code class="bbCodeInline">&lt;/head&gt;</code><code class="bbCodeInline">&lt;body&gt;</code><code class="bbCodeInline">&lt;h1&gt;Eine Gedichtzeile&lt;/h1&gt;</code><code class="bbCodeInline">&lt;p&gt; mit rechtbündigen Zeilenumbruch. Verändere die Breite des Fenster und sieh, wie die Zeilen umbrechen. Die gelbe Hintergrundfarbe dient hier nur um Erkennen, welches die erste Zeile ist.&lt;/p&gt;</code><code class="bbCodeInline">&lt;div class=&quot;poem&quot;&gt;</code><code class="bbCodeInline">&nbsp; &nbsp; &lt;p&gt; 1aaaaaaa&nbsp; 2bbbbbbbb 3cccccccccc 4dddddddd&nbsp; 5eeeeeeee&nbsp; 6 fffff&nbsp; 7gggggggggggg&nbsp; 8 hhhhhhh. &lt;/p&gt;</code><code class="bbCodeInline">&lt;/div&gt;</code><code class="bbCodeInline">&lt;/body&gt;</code><code class="bbCodeInline">&lt;/html&gt;</code><code class="bbCodeInline"></code></blockquote>

[QUOTE="draupnir, post: 2775774, member: 245968"] So, ich habe eine sehr einfache, schnelle Lösung gefunden. Im Safari läuft es gut. Falls jemand in einem anderen Browser Probleme hat, lasst es mich bitte wissen. [URL='https://abload.de/image.php?img=screen1w7f75.png'][IMG]https://abload.de/img/screen1w7f75.png[/IMG][/URL] HTML-Dokument zum Testen: [URL='https://filehorst.de/d/eptguAzx']Datei von filehorst.de laden[/URL] Und hier der HTML bzw. CSS-Quellcode: [ICODE] <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Test für Gedicht</title> <style> .poem p::first-line { background-color: yellow; text-align: right; } .poem p:nth-of-type(n+1) { text-align: justify; } .poem {width: 50%; margin-left: 5em; } </style> </head> <body> <h1>Eine Gedichtzeile</h1> mit rechtbündigen Zeilenumbruch. Verändere die Breite des Fenster und sieh, wie die Zeilen umbrechen. Die gelbe Hintergrundfarbe dient hier nur um Erkennen, welches die erste Zeile ist. <div class="poem"> 1aaaaaaa 2bbbbbbbb 3cccccccccc 4dddddddd 5eeeeeeee 6 fffff 7gggggggggggg 8 hhhhhhh. </div> </body> </html> [/ICODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?