Please teach me how to display div css text in two rows on the left and right_html/css_WEB-ITnose

html code

<DIV class="border mt10xianguan"><DIV class=subject_bgxiangguan><DIV class=subject_title>相关信息</DIV></DIV><DIV class=m10><DL class="all_listxiangguan">{dede:likearticle row='10' col='1' titlelen='45' infolen=''}<DT><i>[field:global.autoindex/]</i><a href='[field:arcurl/]' title="[field:fulltitle/]">[field:title/]...</a></DT>{/dede:likearticle}</DL></DIV></DIV>

css code

.all_listxiangguan {	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;  PADDING-TOP: 0px}.all_listxiangguan DT {	LINE-HEIGHT: 25px; PADDING-LEFT: 0px;padding:2px 1px;}.all_listxiangguan DT i{	background:url(../images/rank_num.jpg) no-repeat;float:left;display:block;width:14px;height:14px;margin-right:10px;text-align:center;line-height:14px;font-style:normal;margin-top:5px;}.all_listxiangguan DT A {	COLOR: #000}.all_listxiangguan DT A:hover {	COLOR: #417dc5}.all_listxiangguan SPAN {	FLOAT: right}.all_listxiangguan DIV {	LINE-HEIGHT: 15px; COLOR: #999}

The code marked in red caused the frame below to move to the right after adding it, completely misaligned. Please tell me how to write it!

.all_listxiangguan DT {
LINE-HEIGHT: 25px; PADDING-LEFT: 0px;padding:2px 1px; float:left;display:inline;width:323px;line-height:26px;
}

Reply to discussion (solution)

Ask for advice!

Post the html code generated after replacing the template engine, otherwise it will be difficult to test.

Post the html code generated after replacing the template engine, otherwise it will be difficult to test.
There are too many codes to publish
I uploaded it to the space:
HTML code: http://dianlan.fphs5.com/test.html
css code: http://dianlan. fphs5.com/css.css

Or you can add me on QQ to help debug remotely.
QQ466977005
Thank you all from the bottom of my heart.

Who can help? ? ?

Paste the rendered html code and press F12 to view the related attributes of each element.