如何给每个元素一个不同的位置?

我想返回3个元素。首先应该在左边。第二应该在中间。第三应该在右边。

如何在React中给他们不同的开始位置?

 return (

    <div>
      {[1,2,3].map(function (n) {
        return (
          <div key={n} >


            <h3>{'With key ' + n}</h3>
            <p>{n}</p>
          </div>
        );
      })}
    </div>
  );