CSS 基础学习-151 css使用浮动对元素进行右对齐

hrs 提交于 2021/11/10 - 21:10 , 周三

使用float:right;浮动使元素右对齐

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      div.d1{
        width:300px;
        float:right;
        border:3px solid brown;
        padding:20px;
      }
      p{
        clear:right;
        padding-top:10px;
      }

    </style>
  </head>
  <body>
    <h1>右对齐实例</h1>
    <div class="d1">这个div是右对齐的。</div>
    <p>使用float:right;浮动使元素右对齐。</p>
  </body>
</html>

运行效果:

css-151.png

 

标签