html行内块元素对齐,如何通过显示行内块将元素对齐到右侧？

你不是能浮它们，因为白色的空间。如果您使用的是display: inline;或display: inline-block;，则可以使用空格。

如果你想与display: inline-block;达到所需的布局，你必须HTML改变你这个丑陋的(它不是一个格式错误！)：

#

#

我更喜欢更清洁的解决方案，使用float和clear属性。

HTML

#

#

CSS

.clearfix:before,

.clearfix:after {

content: " "; /* 1 */

display: table; /* 2 */

}

.clearfix:after {

clear: both;

}

#footer {

bottom:0;

background-color:rgba(102, 51, 255, 1);

}

#email {

background-color:rgba(255, 255, 0, 1);

}

#phone, #email {

float: left;

width:50%;

}

#pIcon, #pValue {

display:inline-block;

}

#eValue, #eIcon {

display:inline-block;

}