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

Question

就是，鼠标点击之后让区域内的文字居中，我这个是右对齐。各位大佬帮我看看，谢谢啦！这是我的代码.ddd:hover{                      background-color:orange;               display:inline-block;                      /* width:100px; */                      height:30px;                      text-align:center;                      line-height:30px;                      color:white;/* 给导航栏设置鼠标经过的样式 */    }

Answer 1

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