Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Enigmon" data-source="post: 2517169" data-attributes="member: 6117">So habe ein wenig rumexperimentiert..also wenn du in die Klasse button noch das einfügst, müsste es klappen:[code=CSS]position: absolute;bottom: 0px;[/code]Ach ja auch bitte die anderen kleinen Veränderungen beachten;[html]&lt;section id=&quot;work-wrapper&quot;&gt;&lt;article&gt;&lt;span&gt;Überschrift&lt;/span&gt;&lt;p&gt;Artikelinhalt&lt;/p&gt;&lt;span class=&quot;button&quot;&gt;Button&lt;/span&gt;&lt;/article&gt;&lt;article&gt;&lt;span&gt;Überschrift&lt;/span&gt;&lt;p&gt;Artikelinhalt&lt;/p&gt;&lt;span class=&quot;button&quot;&gt;Button&lt;/span&gt;&lt;/article&gt;&lt;article&gt;&lt;span&gt;Überschrift&lt;/span&gt;&lt;p&gt;ArtikelinhaltArtikelinhalArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhalt&lt;br&gt;ArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhalt&lt;/p&gt;&lt;span class=&quot;button&quot;&gt;Button&lt;/span&gt;&lt;/article&gt;&lt;/section&gt;[/html]und CSS (zur verdeutlichung mit Rahmen):[code=CSS]#work-wrapper {display: flex; width: 80%;}#work-wrapper article {box-sizing: border-box; padding: 0 2.083333333333333%; width: 30%;}&nbsp; &nbsp; article &gt; span {font-size: 1.2rem; font-weight: 700; text-transform: uppercase; border: 1px solid blue;}&nbsp; &nbsp; article &gt; p {text-align: justify; font-size: 1.0rem; line-height: 1.5em;border: 1px solid red;word-wrap: break-word;}&nbsp; &nbsp; .button {justify-content: flex-end; text-align: center; font-size: 1.2rem; font-weight: 700; text-transform: uppercase;border: 1px solid green; position: absolute;bottom: 0px;}[/code]getestet über jsfiddle.netLGThomas</blockquote>

[QUOTE="Enigmon, post: 2517169, member: 6117"] So habe ein wenig rumexperimentiert.. also wenn du in die Klasse button noch das einfügst, müsste es klappen: [code=CSS]position: absolute;bottom: 0px;[/code] Ach ja auch bitte die anderen kleinen Veränderungen beachten; [html]<section id="work-wrapper"> <article> Überschrift Artikelinhalt Button </article> <article> Überschrift Artikelinhalt Button </article> <article> Überschrift ArtikelinhaltArtikelinhalArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhalt ArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhaltArtikelinhalt Button </article> </section>[/html] und CSS (zur verdeutlichung mit Rahmen): [code=CSS]#work-wrapper {display: flex; width: 80%;} #work-wrapper article {box-sizing: border-box; padding: 0 2.083333333333333%; width: 30%;} article > span {font-size: 1.2rem; font-weight: 700; text-transform: uppercase; border: 1px solid blue; } article > p {text-align: justify; font-size: 1.0rem; line-height: 1.5em;border: 1px solid red;word-wrap: break-word;} .button {justify-content: flex-end; text-align: center; font-size: 1.2rem; font-weight: 700; text-transform: uppercase;border: 1px solid green; position: absolute;bottom: 0px;} [/code] getestet über jsfiddle.net LG Thomas [/QUOTE]

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

Authentifizierung

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