title: How to center two Texts in Flutter
body: <p>I have the next widget:</p>
  
  <pre><code>class PoinstsDisplayState extends State&lt;PoinstsDisplay&gt; {
    @override
    Widget build(BuildContext context) {
      return new Container(
        width: MediaQuery.of(context).size.width*0.9,
        margin: EdgeInsets.only(top: 20.0),
        padding: EdgeInsets.all(10.0),
        decoration: BoxDecoration(
          color: Color(0xff2b2b2b),
          borderRadius: BorderRadius.circular(10.0),
        ),
        child: new Text(
          '5000 Pts',
          textAlign: TextAlign.center,
          style: TextStyle(
            fontSize: 20.0,
            fontFamily: 'Karla'
          ),
        )
      );
    }
  }
  </code></pre>
  
  <p>That looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/9QCoq.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9QCoq.jpg" alt="enter image description here"></a></p>
  
  <p>That have the perfect position, now I want to style the number 5000 and the 'Pts' text separately but I have not managed to make it work (center two text like the image), I am try with a Row, more Containers, the Center Class etc, etc.</p>