如何在html中对齐内容？

我正在尝试为平板电脑屏幕提供响应性设计。但是当使用

float:left

时，它不会移动内容。相反，增加了空白

我试过用页边空白，但对内容没有反应。在扩展地址字段时，它在增加，userid字段与我使用的

float:left.

这里需要帮助

试用firefox-快捷方式：

ctrl+\u shift+m

我需要的输出如下，这应该是响应屏幕

我需要空间从

margin left -->userid
margin left -->123456

margin right-->Address
margin right-->123, Wellington Road, bla bla....

这是我的密码

.outer{
利润率：0.10%；
填充：50px 0px；
边框：2个实心#666666；
文本对齐：居中；
}
.行{
文本对齐：居中；
}
.区块1{
显示：内联块；
浮动：左；
}
.区块2{
显示：内联块；
浮动：对；
}
.区块3{
显示：内联块；
浮动：左；
}
.区块4{
显示：内联块；
浮动：对；
}

用户ID
地址
123456
澳大利亚惠灵顿路123号邮编23643-9383

您可以删除浮动、对齐文本并为元素添加边距

.outer{
利润率：0.10%；
填充：50px0；
边框：2个实心#666666；
/*文本对齐：居中*/
}
.block1、.block2、.block3、.block4{
显示：内联块；
宽度：40%；
垂直对齐：顶部；
}
.block1、.block3{
左边距：10%；
}
.block2、.block4{
保证金权利：10%；
}

用户ID
地址
123456
澳大利亚惠灵顿路123号邮编23643-9383

谢谢。。但我需要的地址字符串在中心，下面的内容相匹配的屏幕截图一样，我给