HTML+CSS 轻松入门之流动模型之内联元素

在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

如下代码所示

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>流动模式下的内联元素</title>
<style type="text/css">

</style>
</head>
<body>
    <a href="http://www.php.cn">php中文网</a><span>强调</span><em>重点</em>
    <strong>强调</strong>
</body>
</html>

新建文件

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>流动模式下的内联元素</title>
<style type="text/css">

</style>
</head>
<body>
 <a href="http://www.php.cn">php中文网</a><span>强调</span><em>重点</em>
 <strong>强调</strong>
</body>
</html>

提交重置代码

自动运行

全屏