如何使用DIV+css 实现文字横排居中 并且有间距

html-css09

如何使用DIV+css 实现文字横排居中 并且有间距,第1张

使用DIV+css 实现文字横排居中 并且有间距，首先文字需要有个块级元素包裹着，然后设定一定的宽度和高度，文字居中，css中有个text-align这个属性，设置成center，文字就是相对容器的宽度是居中的，请看代码：

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

}

#div1 p{

display:block

width:300px

height:30px

text-align:center

margin:0 auto

}

</head>

<body>

<div id='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

#tip前面加个a(a#tip)，穿着裤子放屁，多此一举

你这个要直接a:hover span时设为block

<ul id="test">

<li><a href="#">移到这里<span>提示内容</span></a></li>

<ul>

#test a span{display:none}

#test a:hover span{display:block}

IE6下a:hover span是无效的，不过很好解决，你自行百度下ie6 a:hover span