I am trying to achieve a layout where table cells are aligned horizontally similar to the ones demonstrated on this page.
Despite following the provided instructions and even copying the css and markup exactly, I am facing an issue with IE 8 rendering my table cells as blocks (stacked on top of each other rather than aligned next to each other).
This is my css:
<style type="text/css">
body.TableStyles {
display: inline-table;
border-spacing: 4px;
}
div.maketable p {
display: table-cell;
width: 20%;
background-color: #cdf;
padding: 4px;
}
</style>
And here is my markup:
<body class="TableStyles">
<div class="maketable">
<p>< prev</p>
<p>next ></p>
</div>
</body>