CSS如何讓DIV標籤併排

CSS如何讓DIV標籤併排

大家都知道DIV標籤是由上到下排列的,

div
div

那要如何讓他乖乖的橫向排列?

div div

只要加上CSS語法即可

display:inline;             這句代表與下底對齊

float:left;                    這句代表與上底對齊

來試做看看吧!

 

test.html


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS如何讓DIV標籤併排</title>
</head>

<body>
<div style="display:inline;float:left">左邊Div</div>
<div>右邊Div</div>
</body>
</html>

 

 

 

參考或是複製語法時,別忘了留個言喔 ^ ^ ~