css加文字图片两边 |css 使ul居中

/* 在图片两侧添加文字 */
img {
float: left; /* 将图片向左浮动 */ 
width: 50%; /* 图片宽度，可根据实际情况调整 */
margin-right: 20px; /* 图片和文字间隔 */
}
p {
text-align: justify; /* 文本两端对齐 */
}
/* 在文字两侧添加图片 */
p {
position: relative; /* 将p标签设为相对定位 */
padding-left: 50px; /* 文字左侧留出图片空间 */
}
span {
display: block; /* 将图片设为块级元素 */
position: absolute; /* 图片绝对定位 */
left: 0; /* 图片在文字左侧 */
top: 0; /* 图片在文本的第一行 */
width: 40px; /* 图片宽度，根据实际情况调整 */
height: 40px; /* 图片高度，根据实际情况调整 */
background-image: url('image.png'); /* 图片路径 */
background-size: contain; /* 图片适应DIV大小 */
background-repeat: no-repeat; /* 不重复显示图片 */
margin-top: 5px; /* 改变图片和文字之间的空隙 */
}

以上是在文本和图片两侧添加特效的CSS样式代码。使用这些代码，大家可以轻松地创建精美的网页！