标题右对齐

最新推荐文章于 2024-08-30 15:33:13 发布

wyiyuqi

最新推荐文章于 2024-08-30 15:33:13 发布

阅读量100

点赞数

分类专栏： css 文章标签： css vue.js css3 html5

本文链接：https://blog.csdn.net/wyiyuqi/article/details/128188935

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏


```css
<style>
      .box {
        display: flex;
        justify-content: center;
      }
      .dayTask-details-text {
        text-align: right;
      }

      * {
        margin: 0;
        padding: 0;
        list-style-type: none;
      }

      #dayTask {
        height: 80%;
      }
      .dayTask-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
      }
      .dayTask-details {
        height: 100%;
        padding-top: 25px;
      }
      .dayTask-details li {
        height: 30px;
        font-weight: 500;
      }
      .dayTask-details li span:nth-of-type(1) {
        font-size: 20px;
        line-height: 20px;
        color: red;
      }
    </style>


```html
<div class="dayTask" id="dayTask">
      <div class="box">
        <ul class="dayTask-details-text dayTask-details">
          <li>
            <span class="text">数字员工正式上线数量 </span>
          </li>
          <li>
            <span class="text">沉默数字员工数 </span>
          </li>
          <li>
            <span class="text">在工作中的数字员工占比 </span>
          </li>
        </ul>
        <ul class="dayTask-details-num dayTask-details">
          <li>
            <span class="num">sdgsgsdgf</span>
          </li>
          <li>
            <span class="num">sdgsd </span>
          </li>
          <li>
            <span class="num">是德国</span>
          </li>
        </ul>
      </div>
    </div>