css中括号怎么和文字对齐

CSS中括号怎么和文字对齐
在CSS中，我们经常使用中括号来定义一些属性值，但是使用中括号时，我们有可能遇到一个问题，就是如何让中括号和文字对齐？
其实，在CSS中，我们可以通过一些小技巧来解决这个问题。
一、使用空格对齐
我们可以在中括号后面加上一个空格，然后再放置属性值，这样中括号就和文字对齐了。
如下所示：

p {
  font-size: [1.2em]  /* 中括号和文字对齐 */
} 

二、使用pre标签
我们还可以使用pre标签来实现中括号和文字的对齐。pre标签会将文本中的空格和换行符原样保留，这样就能够达到对齐的效果了。
如下所示：

<pre>
p {
  font-size: [1.2em] /* 中括号和文字对齐 */
} 

三、使用vertical-align属性
如果我们需要在行内元素中使用中括号，可以通过设置vertical-align属性来实现对齐。
如下所示：

<span>[内容]</span> 

span {
  vertical-align: middle;
} 

通过以上三种方法，我们就可以轻松地处理CSS中括号和文字对不齐的问题了。