文字少时右对齐展示，文字多时左对齐展示

文字少时右对齐展示，文字多时左对齐展示

解决方法：
外层盒子里面加p标签
（1）外层字体左排布，里层右浮动字体左排布

  <div className="content"><p>我是数据，很长很长很长很长的数据</p></div>

  .content {
    text-align: left;

    > p {
      text-align: left;
      float: right;
    }
  }