gtxyzz

css怎么把ul文字变成横向排列 css怎么把文字横排在div里

gtxyzz web技术 2022-10-22 580浏览 0

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

默认ul列表是竖向排列:

  • 测试文本1
  • 测试文本1
  • 测试文本1

效果图:

css怎么把ul文字变成横向排列 css怎么把文字横排在div里

那么如何把ul文字变成横向排列?可以利用float属性。

下面通过代码示例来看看


 
 

	ul li{
		float: left;
		margin-right: 30px;
	}



  • 测试文本1
  • 测试文本1
  • 测试文本1

效果图:

css怎么把ul文字变成横向排列 css怎么把文字横排在div里

继续浏览有关 css教程 的文章
发表评论