Auf Thema antworten 2026

Beitrag

<blockquote data-quote="greatblock" data-source="post: 2775781" data-attributes="member: 825137">Edit: Oh, ich sehe gerade, es hat sich erledigt.Hm, also bei mir funktioniert&#039;s.<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"></code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp; &nbsp; @media screen and (max-width: 1195px) {</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp; &nbsp; .p1&nbsp; {text-align: right!important;}</code><code class="bbCodeInline">&nbsp; &nbsp; &nbsp; &nbsp; }</code><code class="bbCodeInline"></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 class=&quot;p1&quot;&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>Du kannst auch deine CSS Datei mit:<code class="bbCodeInline"></code><code class="bbCodeInline">html, body, div, span, applet, object, iframe,</code><code class="bbCodeInline">h1, h2, h3, h4, h5, h6, p, blockquote, pre,</code><code class="bbCodeInline">a, abbr, acronym, address, big, cite, code,</code><code class="bbCodeInline">del, dfn, em, font, img, ins, kbd, q, s, samp,</code><code class="bbCodeInline">small, strike, strong, sub, sup, tt, var,</code><code class="bbCodeInline">dl, dt, dd, ol, ul, li,</code><code class="bbCodeInline">fieldset, form, label, legend,</code><code class="bbCodeInline">table, caption, tbody, tfoot, thead, tr, th, td {</code><code class="bbCodeInline">&nbsp; &nbsp; margin: 0;</code><code class="bbCodeInline">&nbsp; &nbsp; padding: 0;</code><code class="bbCodeInline">&nbsp; &nbsp; border: 0;</code><code class="bbCodeInline">&nbsp; &nbsp; outline: 0;</code><code class="bbCodeInline">}</code><code class="bbCodeInline"></code>resetten.</blockquote>

[QUOTE="greatblock, post: 2775781, member: 825137"] Edit: Oh, ich sehe gerade, es hat sich erledigt. Hm, also bei mir funktioniert's. [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; } @media screen and (max-width: 1195px) { .p1 {text-align: right!important;} } </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] Du kannst auch deine CSS Datei mit: [ICODE] html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } [/ICODE] resetten. [/QUOTE]

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

Authentifizierung

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