Home > Web Front-end > HTML Tutorial > Please teach me how to display div css text in two rows on the left and right_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 12:12:07
Original
1565 people have browsed it

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>
Copy after login

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}
Copy after login

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.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template