I would like to align a table that has "display: inline;" with the surrounding text, so that the text inside of the table is at the same height as the text outside of the table. Is this possible? Currently, the text inside the table is always a bit higher than the text outside. The best I achieved is to align the lower edge of the table with the baseline of the surrounding text using "vertical-align: baseline;" for the table. But the text inside the table (there is only one row) is still seperated from the bottom of the table -- how can I get rid of this too?
get rid of the table? is it even tabular data? display:inline is NOT valid for tables. http://www.w3.org/TR/REC-CSS2/tables.html
briansol: Don't flame the guy because he's using a table. A person can't even mention a table on a forum these days without a bunch of CSS police trying to prove their dominance/intelligence as a designer by gunning the poor guy down. Believe it or not, there are things that tables can do that you cannot, and will never be able to do with CSS. On to the problem: Browsers (for some reason) seem to increase the font size of content within the table. A quick fix for that is to put this CSS at the top of every CSS file: TABLE { font-size: 1em; } That should make the font sizes all the same throughout. I hope that answers the question you were asking.