Html 在p元素内对齐跨度中的文本

我想对齐一些包含在span中的文本，span本身位于p元素中。但它不起作用

<p>This line has no alignment.<br /><span class="new">This is right aligned</span></p>

我的CSS代码有什么问题

p{
display: inline-block;
}
.new{
float:right;
}

你到底想达到什么目的？ 你能给我一张你想要的截图吗

p{
display: inline-block;
}
.new{
float:right;
}