Hi,
I've got a table with one column and 3 cells. Each cell has one
character in it. I want to reduce the vertical spacing between the
characters. I thought changing the line-height would do it, but as
it's reduced, the character rides up out of the top of the cell. How
can I do this?
Michael Terry
<html>
<head>
<style>
table {
width: 275px;
text-align: center;
line-height: 150px;
}
td {
border: 1px solid green;
height: 150px;
}
tr {
height: 150px;
}
div {
border: 1px solid red;
font-size: 144px;
width: 275px;
}
#problem {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: table;
}
#operator {
position: absolute;
top: 175px;
}
</style>
</head>
<body>
<div id="problem">
<table>
<tr><td>2</td></tr>
<tr><td>2</td></tr>
<tr><td>4</td></tr>
</table>
<div id="operator">+</div>
</div>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
