<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>display:inline-block</title>
<style type="text/css">
* { font-size:100%; }
body { font-family:arial; sans-serif; }
body>div { margin-bottom:0.5em; }
.div, .span {
display:inline-block;
padding:0.2em 0.5em;
border:solid 1px gray;
font-weight:bold;
}
div.block { border:solid 1px gray; padding:1em; }
</style>
<!--[if lte ie 6]><style type="text/css">
body div { margin-bottom:0.5em; }
body * div { margin-bottom:0; }
</style><![endif]-->
<!--[if lte ie 7]><style type="text/css">
.div, .span { vertical-align:middle; }
</style><![endif]-->
</head>
<body>
<h1>display:inline-block</h1>
<div class="block">text element<div class="div">div style="display:inline-block;"</div>text element</div>
<div class="block">text element<span class="span">span style="display:inline-block;"</span>text element</div>
</body>
</html>