css中行内元素居右 |css导航宽度

// 方法1：使用text-align属性
<p>这是居右的文本内容</p>
<img src="image.jpg" alt="图片">
// 方法2：使用float属性
<p>这是居右的文本内容</p>
<img src="image.jpg" alt="图片">

上述代码中，两种方法都可以使行内元素居右，但使用text-align属性更适用于居右文本内容，使用float属性更适用于居右图片等元素。

需要注意的是，使用float属性时，如果该元素的父元素没有清除浮动，则可能会导致浮动元素跑到父元素之外，而使页面布局混乱，因此在使用float属性时，最好加上清除浮动的样式。

// 清除浮动样式
.clearfix:after {
content:"";
clear:both;
display:block;
visibility:hidden;
height:0;
}
.clearfix {
zoom:1;
}

以上是有关CSS中行内元素居右的一些方法和要点，希望对网页设计的朋友们有所帮助。