需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<style>标签中，输入css代码：label{float:leftpadding-top:4px}。
3、浏览器运行index.html页面，此时label的底部成功和select的底部对齐。
1、首先通过vertical-align:middle实现现图片与文字水平对齐，需要区分html是行内元素，还是块状元素，实现img、p及div水平居中对齐，则只需要在img的css中的vertical-align：middle；及将p和div（display：inline-block）转化为行内元素。
2、实现img、span水平居中对齐，由于这两者都是行内元素。
3、则只需要在img的css中的vertical-align：middle；span标签什么都不需要添加。
4、通过flex布局实现图片与文字水平对齐，只需要在父级元素中css添加。
5、子级元素则不需要像上面那样添加vertical-align：middle，这样就可以了。
1、接下来以两个矩形代表内容与容器底部，电脑打开DIV+css，然后画两个矩形。
2、画好矩形后，输入对齐命令AL，然后按空格键确定。
3、确定对齐命令后，选择对齐对象。
4、选择对齐对象后，指定第一个原点和第一个目标点后，再指定第二个原点和第二个目标点。
5、指定对齐端点后，提示指定第三个源点或者继续，按空格键继续。
6、按空格键确定后，图形就自动对齐了。
扩展资料：
为了提高作图速度，用户最好遵循如下的作图原则：
1、作图步骤：设置图幅→设置单位及精度→建立若乾图层→设置对象样式→开始绘图。
2、绘图始终使用1：1比例。为改变图样的大小，可在打印时于图纸空间内设置不同的打印比例。
3、当处理较小区域的图案时 ,可以减小图案的比例因子值 相反地 ,当处理较大区域的图案填充时 ,则可以增加图案的比例因子值 。
4、为不同类型的图元对象设置不同的图层、颜色及线宽，而图元对象的颜色、线型及线宽都应由图层控制（BYLAYER）。
5、需精确绘图时，可使用栅格捕捉功能，并将栅格捕捉间距设为适当的数值。
6、不要将图框和图形绘在同一幅图中，应在布局（LAYOUT）中将图框按块插入，然后打印出图。
7、对于有名对象，如视图、图层、图块、线型、文字样式、打印样式等，命名时不仅要简明，而且要遵循一定的规律，以便于查找和使用。
参考资料来源：百度百科-DIV
