html span 字体对齐,span里文字对齐方式

老师，预约规则这里的文本(例如特殊规则后的说明)，我看效果图里是保持跟第一行一样的对齐方式，我想的是给这些文字设置了span标签然后变成inline-block来控制文本，但是不行，float也无法实现，该如何做呢？

该部分的HTML

预约规则(更新时间每日8:30更新)

预约周期：7天

放号时间：8:30

停挂时间：下午14:00停滞次日预约挂号(周五14:00后停挂至下周一)

退号时间：就诊前一工作日14:00前取消

特殊规则：①取号地点不同：西院区预约取号地点：西院区门诊楼一层大厅挂号窗口取号。东院区预约取号地点：东院区老门诊楼一层大厅挂号窗口或新门诊楼各楼层挂号/收费窗口取号。

该部分css/*右侧信息*/

.appointment_rule{

position:absolute;top:0;right:0;

margin-left:18px;

width:272px;height:282px;

border:1px solid #f4f6fa;

overflow:scroll;

}

/*信息标题*/

.appointment_rule h1{

line-height:40px;

background:#f4f6fa;

padding-left:10px;

font-size:14px;

font-weight:normal;

}

.appointment_rule h1 span{

color:#00b3ea;

font-size:12px;

}

/*下方文字样式*/

.appointment_rule p{

font-size:12px;

margin-left:10px;

margin-top:10px;

}

.appointment_rule p span{

text-align:right;

font-size:10px;

color:#888888;

line-height:2em;

}