<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS Test: Run-in with a table-cell box</title>

<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />

<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />

<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />

<meta name="flags" content="ahem" />

<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-cell box." />

<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

<style type="text/css">

span

{

font: 20px/1em Ahem;

}

#span1

{

display: run-in;

}

#span2

{

display: table-cell;

}

</style>

</head>

<body>

<p>Test passes if there is a square below.</p>

<div>

<span id="span1">XX</span>

<span id="span2">XX</span>

</div>

</body>