Varför vill inte vertical-align: middle; fungera när det ligger i en div-tagg? när jag la det i en tabell fungerar det. Men jag vill ha de i en div?
En fråga till(men lägre prioritet än den första). Jag läste en artikel om hur man kunde bygga upp en sida med css istället för tabeller, finns de några fördelar/nackdelar med det?
This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element. The following values only have meaning with respect to a parent inline-level element, or to a parent block-level element, if that element generates anonymous inline boxes; they have no effect if no such parent exists.
Note. Values of this property have slightly different meanings in the context of tables. Please consult the section on table height algorithms for details.
Arbetar tydligen gentemot inline-element. Du kan använda det t.ex för att höja upp text inne i en annan text, eller till bilder.
De stora html-guruna anser att tabeller endast ska användas till att ställa upp något i tabellformat. Till designen ska man använda CSS. Anledningen är att sidan ska kunna läsas i andra medium än en webbläsare. Tabell-design är hårt förknippat med en webbläsare.
Det är något på det här viset du kan använda vertical-align:
<div style="border:1px solid black; width:100px;">
<img src="transparent.gif"
style="width:1px; height:200px; vertical-align:middle">
Mitten
</div>
<p style="font-size:12px; font-family:sans-serif;">
En text där <span style="font-size:20px; vertical-align:top">
något</span> är annorlunda</p>
254 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849