2、在css标签内，通过class设置div的样式，定义它的宽度为400px,高度为300px，边框为1px。
3、在css标签内，再将text-align属性设置为right,用于让div内的内容居右对齐，从而实现图片居右对齐。
4、在浏览器打开test.html文件，查看实现的效果。
可以使用“文本－对齐：对；”把文字向右对齐。
1、新建一个DUHTML文档，在body标签中添加div标签，为div设置一个ID，以Demo为例：
2、在div标签中添加文本，然后设置div标签的宽度、高度和边框。此时，默认情况下文本应该向右对齐：
3、添加“text－align：right；”，其中“文本对齐”指的是文本对齐，“右”指的是右对齐。在这种情况下，网页中的文本将向右对齐。
扩展资料：
关于CSS保持一个div总是在页面的右边的主要位置属性:
此属性指定元素的位置类型，元素的位置类型定义用于设置元素布局的位置机制。任何元素都可以定位，但是绝对元素或固定元素生成块级的框，而与元素本身的类型无关。相对定位元素将相对于其在正常流中的默认位置进行偏移。
可能的值:
(1)绝对的。生成绝对位置的元素是相对于第一个父元素定位的，而不是相对于静态位置。元素的位置由“left”、“top”、“right”和“bottom”属性指定。
(2)固定的。生成一个绝对定位的元素，相对于浏览器窗口定位。元素的位置由“left”、“top”、“right”和“bottom”属性指定。
(3)相对的。一种生成相对位置的元素，相对于其正常位置定位。因此，“left:20”向元素的左位置添加20个像素。
(4)静态的。默认值。没有位置，元素出现在正常流中(忽略顶部、底部、左侧、右侧或Z-index声明)。,,,
(5)、继承。指定position属性的值应该从父元素继承。
设置3个导航nav，最右边的nav设置class=right，然后设置nav的css边距，宽，高，背景颜色（便于我们看见），再设置一个float为右就会靠右排列，注意：float时第一个会到右边，所以设置第一个为最右边的导航栏代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
nav{
margin: 5px
width: 100pxheight: 200px
background-color: red
float: right
}
</style>
</head>
<body>
<nav class="right">右</nav>
<nav>中</nav>
<nav>左</nav>
</body>
</html>
