React center a text

 Add textAlign: 'center' and it will center the text horizontally.

  headline: {
    textAlign: 'center', // <-- the magic
    fontWeight: 'bold',
    fontSize: 18,
    marginTop: 0,
    width: 200,
    backgroundColor: 'yellow',
  }

Source: stackoverflow.com

Similar codes

0 vote397 views1 answer
Border radius not working ios react native
Javascript React
0 vote372 views1 answer
How to change grid size with conditional expression in react
Javascript React
0 vote400 views1 answer
How to use radio buttons in react class-based components
Javascript React
3 votes361 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
0 vote325 views2 answers
Selected css based on route react
Javascript React
1 vote345 views2 answers
React-native array.filter by index arrow function
Javascript React
0 vote374 views1 answer
Redirect to another path react
Javascript React
0 vote370 views1 answer
Rich text react renderer
Javascript React
0 vote341 views1 answer
React return value from component
Javascript React
1 vote360 views4 answers
React router go rprevious page
Javascript React