需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：p {border: 1px solid #0b93d5height: 30pxpadding: 10px}。
3、浏览器运行index.html页面，此时每个部分的文字距离上边界和下边界的距离是相等的。
这个是设置元素的垂直排列的.用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐.
它的值比较多：baseline
|
sub
|
super
|
top
|
text-top
|
middle
|
bottom
|
text-bottom
|
inherit
比如说sub就是
垂直对齐文本的下标
。
在表格中，这个属性设置单元格内容的对齐方式.vertical-align应用最多的应该是在td内，控制内部对象位置。
这个属性在各个浏览器中的效果都不大一样，所以慎重使用。
