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>

繼續學習

新建檔案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX