同一行に表示されない問題_html/css_WEB-ITnose

		<hr/>        <p>css定位：relative</p>        <div class="positionObj">        	<div>对象1</div>        	<div id="relativePosition">对象2：相对于自身的相对定位<div class="absolutePosition">对象2副：相对于对象2的绝对定位</div></div>        	<div>对象3</div>        	<div>对象4</div>        </div>        <hr/>        <p>css定位：absolute</p>        <div class="positionObj">        	<div>对象A</div>        	<div class="absolutePosition">对象B：相对于body的绝对定位<div class="absolutePosition">对象B副：相对于对象B的绝对定位</div></div>        	<div>对象C</div>        	<div>对象D</div>        </div>

            .positionObj            {  	            	height: 120px;    	            }           .positionObj div            {            	font-size:10pt;            	background-color:gray;            	width: 100px;            	height: 50px;            	float: left;            	margin-right: 10px;            }            #relativePosition            {            	position: relative;            	top:60px;            	left:50px;            }            .absolutePosition            {            	position: absolute;            	left: 400px;            	display: inline;            }

オブジェクト2とオブジェクト2、およびオブジェクトBとオブジェクトBを同じ行に表示するように設定する方法。 display:inline と float:left は両方とも無効です

ディスカッションへの返信 (解決策)

テキストを少なくして、オブジェクトボックス内のテキストを同じ行に揃えました。これは量と関係がありますか。

同じ行に入れるには、上と下を追加する必要がありますか? 申し訳ありませんが、私は少しこだわりがあります。