css中如何将行元素变块元素，将块元素变成行元素

1.块元素标签：div, p, h1-h6, ol, ul, form, dt, dd, li, table, tr, td, th, hr, blockquote, address, table, menu, pre

特点：独占一行，不管设置宽和高

2.行元素标签：span， img,  label, code, input, abbr, em, b, big, cite, i, q, textarea, select, sub, supp, strong, u, button(display:inline-block)

特点：不占一行，会贴在一起，行内元素不能设置width hegiht margin padding。

以下提供3种方法（将行元素标签变为块元素标签）：

1.直接用css转换

display: block；(行元素变块元素)

display:inline；（块元素变行元素）

2.通过绝对定位

positio: absolute；

3.设置浮动：

float: left;