html鼠标选择文字,CSS布局与文字的鼠标选择 脚本之家

展示

左边的标题

右边的描述文字

左边的标题

右边的描述文字

左边的标题

右边的描述文字

左边的标题

右边的描述文字

左边的标题

右边的描述文字

右边的描述文字

左边的标题

左边的标题

右边的描述文字

代码

CSS代码：

/* 以下单样式来自zxx.lib.css库 */

.l { float: left; }

.r { float: right; }

.rel { position: relative; }

.abs { position: absolute; }

.tr { text-align: right; }

.selected_area {

width: 500px;

line-height: 20px;

margin: 0 auto;

padding: 0 0 20px;

list-style-type: none;

font-size: 12px;

}

.selected_area li {

padding: 5px;

background-color: #f0f3f9;

}

.selected_area h4, .selected_area p {

margin: 0;

font-size: 1em;

}

HTML代码：

• 左边的标题

  右边的描述文字

• 左边的标题

  右边的描述文字

• 左边的标题

  右边的描述文字

• 左边的标题

  右边的描述文字

• 左边的标题

  右边的描述文字

• 右边的描述文字

  左边的标题

• 左边的标题

  右边的描述文字