css中空一行,css在一行中空出文本但保持彼此对齐/保持向左？

这看起来像这样：

Bank Details A/C: 1234567 S/C: 01-00-01 Tuesday 2nd Feb

Invoice Details Ref: 12322323 Pending Friday 12th Feb

我的问题是，每行会包含不同的值如上所示各一次。某些行将显示银行详细信息，例如帐号和分类代码，其他行将包含发票详细信息，如参考号和状态。

行正在以不匹配的方式显示，文本遍布整个地方。我的问题是如何得到的文本靠左对齐，所以很高兴整洁，像这样：

Bank Details A/C: 1234567 S/C: 01-00-01 Tuesday 2nd Feb

Invoice Details Ref: 12322323 Pending Friday 12th Feb

继承人我CSS：

.request{

height:20px;

padding-top:8px;

padding-bottom:15px;

width:100%;

border-bottom:1px solid #ccc;

cursor:pointer;

cursor:hand;

position:relative;

float:left;

text-align:left;

}

.request p{

text-align:left;

display:inline-block;

width:auto;

height:100%;

overflow:hidden;

position:relative;

margin-right:17%;

float:left;

}

请能有人告诉我在哪里，我错了？由于