中对齐文本和图像

中对齐文本和图像

本文介绍了在链接中对齐文本和图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在锚标签中对齐文本和图像。

我到目前为止:



How to align text and image in anchor tags.
I have done so far:

<ul>

<li> <a href='/adminsetting/index'>Moodle Settings <img src="../img/Themelink1.png"/></a></li>
	        
<li><a href='/adminsetting/themedesigner'>Theme Designer <img src="../img/Themelink2.png"/></a></li>
	        
<li><a href="#">Payment Details <img src="../img/Themelink3.png"/></a></li>
	        
<li><a href="#">Account Profile <img src="../img/Themelink4.png"/></a></li>
	       
<li><a href="#">Trainig <img src="../img/Themelink5.png"/></a></li>
	       
<li><a href="#">Help <img src="../img/Themelink6.png"/></a></li>
	       
</ul>







和css使用的是:






and css used is:

ul li{
list-style:none;
}







我想要这样的输出:




I want output like this:

Moodle Settings img
 Theme Designer img
Payment Details img
       Training img
           Help img







但我的输出如下:




but my output is like:

Moodle Settings img
Theme Designer img
Payment Details img
Training img
Help img

推荐答案


这篇关于在链接中对齐文本和图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-12 21:59