# Code from the book isn't running

**URL:** <https://forum.kirupa.com/t/code-from-the-book-isnt-running/649808>\
**Category:** programming\
**Created:** [November 28, 2021, 1:22am UTC](https://forum.kirupa.com/t/code-from-the-book-isnt-running/649808 "2021-11-28T01:22:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![banchego](https://avatars.discourse-cdn.com/v4/letter/b/e99b99/32.png) [@banchego](https://forum.kirupa.com/u/banchego)\
**Post date:** [November 28, 2021, 1:22am UTC](https://forum.kirupa.com/t/code-from-the-book-isnt-running/649808/1 "2021-11-28T01:22:43Z")

</div>

```auto
<!DOCTYPE html>
<html>

<head>
  <title>React Styling Using CSS</title>
  <script src="https://unpkg.com/react@latest/dist/react.js"></script>
  <script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
  <style>
    div div div {
      padding: 10px;
      margin: 10px;
      background-color: #ffde00;
      color: #333;
      display: inline-block;
      font-family: monospace;
      font-size: 32px;
      text-align: center;
    }
  </style>
</head>

<body>
  <div id="container"></div>

  <script type="text/babel">
    var Letter = React.createClass({
      render: function() {
          return (
            <div className="letter">
              {this.props.children}
            </div>
          );
        }
    });

    var destination = document.querySelector("#container");

    ReactDOM.render(
      <div>
        <Letter>A</Letter>
        <Letter>E</Letter>
        <Letter>I</Letter>
        <Letter>O</Letter>
        <Letter>U</Letter>
      </div>,
      destination
    );
  </script>
</body>

</html>

```

Help please. Why this code isn’t running? Can’t find any issues ☹
