请教各位一个问题，用rich-text解析的json数据,怎么创建的样式能产生图片中的效果呢，我试了很多都实现不了，文字都是独立的占有一行，是不具备这样的能力还是我的样式写的不对呢，请指点

richTextNodes: [

      {

        name: 'div',

        children: [

          {

            name: 'span',

            attrs: {

              style: 'color: red;display: inline;'

            },

            children: [{

              type: 'text',

              text: '这是红色的文字'

            }]

          },

          {

            name: 'span',

            attrs: {

              style: 'color: green; display: inline;margin-left: 2px;' 

            },

            children: [{

              type: 'text',

              text: '这是绿色的文字'

            }]

          }

        ]

      }

    ]

试了很多种写法都不灵，请各位赐教！