设置鼠标点击改变样式，如何让里面的文字居中？

Question

就是，鼠标点击之后让区域内的文字居中，我这个是右对齐。各位大佬帮我看看，谢谢啦！

这是我的代码

.ddd:hover{        
             background-color:orange; 
             display:inline-block;        
             /* width:100px; */        
             height:30px;        
             text-align:center;        
             line-height:30px;        
             color:white;/* 给导航栏设置鼠标经过的样式 */    }

Answer 1

只看这个看不出来，ddd的样式是怎样的呢？