行内块元素（文图来源于CSDN）

普遍的规则里总有那么几个不一样的，在行内元素中就有那么几个特殊标签，比如<img>/<input>/<td>,可以给他们设置宽高、对齐属性，我们把这样特殊的一类标签称为行内块元素。行内块元素综合了块元素和行内元素的不同特点。

行内块元素的特点：

和相邻行内元素在同一行，但是之间会有空白缝隙。

默认宽度是他本身内容的宽度。

宽度、高度、行高、外边距以及内边距都可以手动设置。

样式：

/*行内块元素input*/

input{

    width: 200px;      /*宽高均有效*/

    height: 30px;

}

<input type="text" value="行内块元素1"> 

<input type="text" value="行内块元素行内块元素2行内块元素">

综合效果图如下：