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

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

如下代码所示

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

</style>
</head>
<body>
    <a href="//m.sbmmt.com">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="//m.sbmmt.com">php中文网</a><span>强调</span><em>重点</em> <strong>强调</strong> </body> </html>

提交重置代码

自动运行