margin-right: 1em;
用户浏览器的默认渲染的文字大小是“16px”,Web页面的“body”的文字大小在用户浏览器下默认渲染是“16”px。当然，如果用户愿意他可以改变这种文字大小的设置。
弹性设置有一个关键地方Web页面中所有元素都使用“em”单位值。“em”是一个相对的大小，我们可以这样来设置1em，0.5em，1.5em等，而且“em”还可以指定到
小数点后三位，比如1.365em。而其中相对的意思是：
相对于父元素的font-size。比如说：如果在一个<div>设置字体大小为16px，此时这个div的后代元素继承了它的大小，如果你将其子元素设置为“0.75em”，那么其字体大小计算出来后相当于“0.75 * 16px= 12px”;
display: inline-block;
- inline (行内元素)：
- 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行。
- 不能更改元素的height，width的值，大小由内容撑开。
- block (块级元素)：
- 使元素变成块级元素，独占一行，在不设置自己的宽度情况下，块级元素会默认填满父级元素的宽度。
- 能够改变元素的height，width的值。
- 可以设置padding， margin的各个属性值，top，left，bottom，right都能够产生边距效果。
- inline-block (融合行内于块级)
- 结合inline与block的一些特点，结束了上述inline的第一个特点和block的第2,3个特点
- 用通俗的和讲，就是不独占一行的块级元素。