exampleCss.js

// styles.js

const styles = {
  container: {
    width: '100%'
  },
  header: {
    fontSize: '3em',
    textAlign: 'left'
  },
  body: {
    display: 'flex',
  },
  quote: {
    border: '1px solid black'
  }
};

export default styles


// Component

import styles from './styles'

class WebPage extends Component {
  render() {
    return (
      <div style={styles.container}>
        <div style={styles.header}>This is a header</div>
        <div style={styles.body}>
          This is the body
          <div style={styles.quote}>
            This is an offset quote
          </div>
        </div>
      </div>
    )
  }
}