How do you center a div element in react w/out external css file

If you don’t have to support old browsers, you may look into Flexbox.

A Complete Guide to Flexbox

Try something like this:

<div style={{display: 'flex', justifyContent: 'center'}}>
  <div>centered content</div>
</div>