css之让文字排在图片的右边的中心位置

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow
<https://blog.csdn.net/jiangjunshow/article/details/77338485>



也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！


               
效果截图如下:




html代码如下:

<dl>            <dt>领导、老师</dt>            <dd><img src="images/tx1.jpg" width=
"100" height="100" /><a href="#">zzzzzzzzzzzzz</a></dd>            <dd><img src=
"images/tx2.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd>
           <dd><img src="images/tx3.jpg" width="100" height="100" /><a href="#">
zzzzzzzzzzz</a></dd>            <dd><img src="images/tx4.jpg" width="100" height
="100" /><a href="#">zzzzzzzzzzz</a></dd>            <dd><img src=
"images/tx5.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd></dl
>


css代码如下:

dl dd{    margin-top:10px;    height:100px;    border:1px solid  #F00; /*颜色*/}
dl dd img{    float:left;    border:1px solid  #F00; /*颜色*/}dl dd a{   
line-height:100px;     /*注意这行代码，惹是不写，得不到想要的结果哦*/    vertical-align:middle;   
border:1px solid  #F00; /*颜色*/    text-align:left;}

           


给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow
<https://blog.csdn.net/jiangjunshow/article/details/77338485>

• « 上一篇：10个资源满满的网站，偷偷收藏起来吧！
• » 下一篇：如何使用Selenium+PhantomJS抓取动态页面以及常见指令和问题