html文字右下角对齐

问题：怎样使得会计元素内的文字靠右下角对齐，类似于计算器的输入模式，依次将后面的内容向上顶。

<style>
	#test{
		height: 80px;
		width: 0;
		visibility: hidden;
		vertical-align: bottom;
	}
</style>

<p style="width: 100px;border: 1px solid #0f0;text-align: right;">
	<img id="test" src="">这里是一些测试文字哈哈啦哈哈啦
</p>

 效果：