Added CSS styles to <HelloWidget>.

maratbn · maratbn · commit e942d13fa3ed · 2018-08-04T20:25:43.000-07:00
diff --git a/webpack_in/entry.jsx b/webpack_in/entry.jsx
@@ -12,7 +12,13 @@ import ReactDOM from 'react-dom';
 
 class HelloWidget extends React.Component {
     render() {
-        return (<div>Hello!  I'm a React app!!</div>);
+        return (
+            <div style={{ padding:    '1em',
+                          border:     'solid 2px green',
+                          textAlign:  'center' }}>
+              Hello!  I'm a React app!!
+            </div>
+          );
       }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,13 @@ import ReactDOM from 'react-dom';`
`12`	`12`
`13`	`13`	`class HelloWidget extends React.Component {`
`14`	`14`	`render() {`
`15`		`- return (<div>Hello! I'm a React app!!</div>);`
	`15`	`+ return (`
	`16`	`+ <div style={{ padding: '1em',`
	`17`	`+ border: 'solid 2px green',`
	`18`	`+ textAlign: 'center' }}>`
	`19`	`+ Hello! I'm a React app!!`
	`20`	`+ </div>`
	`21`	`+ );`
`16`	`22`	`}`
`17`	`23`	`}`
`18`	`24`