右侧聊天界面

css：

#demo4{width:460px;padding:20px;font-size:12px;position:absolute;top:10px;right:0;background-color: #EEF7FF;border: 1px solid #CCC;margin-right:100px}

#demo4 .pic{position:absolute;top:0;right:-70px;}

#demo4 h3{ margin-bottom:5px;text-indent:403px;}

p{text-indent:2em;line-height:20px;}

.time{color:#999;position:absolute; top:10px;left:20px;}

html：

<div>

<div id="demo4">

<img src="images/head02.jpg" alt="yingtao" class="pic"></img>

       <span class="time">10分钟前</span>

<h3>奥鹏教育</h3>

      <p>奥鹏教育是由教育部高等教育司2001年12月批准立项试点，2005年4月正式批准运营的远程教育公共服务体系，为遍布全国的学员提供学历(专升本，高起专)和非学历教育咨询、报名、学习辅导、课程考试、交费等7X24小时学习支持服务400-810-6736。我想报名。</p>

</div>