CSS内联元素与块级元素

CSS内联元素与块级元素

任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。
所以块级元素是独占一行，多个内联元素占这一行，自己里面还可以划分行。
主要用的CSS样式有以下三个： •display:block – 显示为块级元素 
•display:inline – 显示为内联元素 
•dipslay:inline-block – 显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性

例如：
div 块状元素
span内联元素
————-——————
块状元素

我是内联元素1
我是内联元素2
————————————
由此可见，块状元素包含内联元素

在这里为了让其布局好看，还用了display显示的意思，这里面有很多属性。

举个例子：为了让两段文字对齐，可以采用以上说明。
html代码：

          

              .享受升级服务，推荐注 册手机号码@163.com>>

              .抢注！数字靓号，短账户（付费>>
           
 
 

CSS代码：

   #duoyu{
            text-align:center;
        }
  #duoyu_text{
            text-align:left;
            display:inline-block;
            margin-left:200px;
        }

效果图：
下面两行文字对齐，通过margin-left:200px;与文本框对齐。