怎么让【个人说明】这句话居中

Question

下面是代码：

<script>
        $(function() {
            $("span").css({
                "display": "inline-block",
                "width": "100px",
                "text-align": "right"
            });
        });
</script>

        <div>
            <span>个人说明：</span>
            <textarea id="instruction" style="height: 200px;width: 300px;resize:         none;"></textarea>
        </div>

我不知道该怎么加样式还是什么的，所以劳烦各位指教一下。。。

Answer 1

#instruction {
    vertical-align: middle;
}

Answer 2

你这个问题可以有好几种实现方式
1.

display:table-cell;
text-align:center;

2.line-height:xxx;

3.vertical-align:middle;

Answer 3

div{
    display:flex;
    align-item:center;
}

Answer 4

span{
    display:inline-block;
    height:200px;
    line-height:200px;
}

Answer 5

首先，加样式的话建议不要用js加，还是写在页面内部用<style></style>标签包裹，或者通过<link>标签引入外部css,行内样式也要少写。
其次，居中的话有很多种方式，例：

1.display:table-cell;
vertical-align:middle;
2.height:*px;
line-height:*px;
3.利用flex布局也可以实现

Answer 6

多谢楼上各位