[CSS] inline-block?

[deathz0rz]

ik heb het volgende:

ik wil dat het uitgelijnd wordt als volgt:


html:

<a href="?id=1">Home</a>
<small>
	door Jethro op 10-06-2003 12:24:40.<br>
	Laatst bijgewerkt op 26-06-2003 18:54:54.
</small>

[Enlightenment]

Gebruik een table?

<table>
<tr>
 <td>Home</td>
 <td>blablabal</td>
</tr>
</table>

[deathz0rz]

Enlightenment schreef op 29-06-2003 @ 03:14:
Gebruik een table?

<table>
<tr>
 <td>Home</td>
 <td>blablabal</td>
</tr>
</table>

heb ik al geprobeerd, maar ik krijg de ruimte tussen de cells niet klein genoeg

[Enlightenment]

deathz0rz schreef op 29-06-2003 @ 03:20:
heb ik al geprobeerd, maar ik krijg de ruimte tussen de cells niet klein genoeg

Gebruik dan <table cellpadding=0 cellspacing=0>

Dan heb je geen ruimte tussen de cellen.

[iamcj]

Of <div> met top en left.

.small {position: absolute; blablabla}

<div id=small style="top=100; left=100">door Jethro op 10-06-2003 12:24:40.</div>
<div id=small style="top=110; left=100">Laatst bijgewerkt op 26-06-2003 18:54:54.</div>


of

<div id=small style="top=100; left=100">door Jethro op 10-06-2003 12:24:40.<BR>Laatst bijgewerkt op 26-06-2003 18:54:54..></div>

[deathz0rz]

iamcj schreef op 29-06-2003 @ 09:27:
Of <div> met top en left.

.small {position: absolute; blablabla}

<div id=small style="top=100; left=100">door Jethro op 10-06-2003 12:24:40.</div>
<div id=small style="top=110; left=100">Laatst bijgewerkt op 26-06-2003 18:54:54.</div>


of

<div id=small style="top=100; left=100">door Jethro op 10-06-2003 12:24:40.<BR>Laatst bijgewerkt op 26-06-2003 18:54:54..></div>

het probleem is dat het een hele lijst met dat soort dingen is, dus ik weet niet waar ie precies moet staan

@Enlightenment: dat vind ik vies, is geen css

edit: ik ga het eens met float en clear proberen

[deathz0rz]

deathz0rz schreef op 29-06-2003 @ 12:01:
edit: ik ga het eens met float en clear proberen

ja, dat werkt

[M@rco]

Zoiets?

<div style="width: 300px;">
<span style="display: inline; width: 20%; background: #808000; float: left;">ffff</span>
<span style="display: inline; width: 80%; background: #ff0000; float: right;">ffff</span>
</div>