CSS tekst in div @ bottom

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Arjan Schuurman

Arjan Schuurman

20/09/2008 15:20:00
Quote Anchor link
Hallo allemaal,

Hier zit ik al een tijdje op te zoeken maar kan het niet vinden, ik wil graag dat de tekst in mijn div automatisch onderaan de div staat. Nou heb ik al vertical-align geprobeerd, maar zonder effect.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<div style="width: 140px; height: 110px; vertical-align: bottom;">Tekst</div>
 
PHP hulp

PHP hulp

17/04/2024 01:28:19
 
Robert Deiman

Robert Deiman

20/09/2008 15:22:00
Quote Anchor link
In prindcipe gebruik je binnen een div nog een <span> of <p> tag om text heen. Deze span of alinea (p) kan je prima positioneren met css.
 
Arjan Schuurman

Arjan Schuurman

20/09/2008 15:25:00
Quote Anchor link
Net even geprobeerd om een vertical-align op een p en span te zetten, maar ook hierbij gaat de tekst niet naar beneden.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<div style="width: 140px; height: 110px;">
   <span style="vertical-align: bottom;">Tekst</span>
</div>
 
Douwe

Douwe

20/09/2008 15:42:00
Quote Anchor link
Little hacky, but working:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<div style="position: relative; border: 1px solid black; height: 200px; width: 200px;">
  <span style="position: absolute; bottom: 0;">Hey ;)</span>
</div>
 
Arjan Schuurman

Arjan Schuurman

02/10/2008 19:49:00
Quote Anchor link
Beetje late reactie, maar werkt goed Douwe ;)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.