2、在css标签内，通过class设置div的样式，定义它的宽度为400px,高度为300px，边框为1px。
3、在css标签内，再将text-align属性设置为right,用于让div内的内容居右对齐，从而实现图片居右对齐。
4、在浏览器打开test.html文件，查看实现的效果。
上下居中··这个肯定就要用js算出来了···靠右对齐有很多种方法··position: fixedright: 0这样就靠右并且随滚动条滚动·一直固定在位置上···如果你是要做那种右下角的小窗口···纯css是不能解决问题的·不知道你遇到的问题是不是 float右对齐的问题:
在设置右对齐显示的时候，我们通常会遇到，右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这个问题：
第一种解决办法：把左右对换，比如把日期放在标题的前面，对调一下就好了。
第二种解决办法：给右边也加上FLOAT:RIGHT。
CSS float定义和用法 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄.
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
参考资料： http://www.studyofnet.com/news/7.html
希望以上的回答能够帮到你
