I need to put two textarea inline and center both of them. However, I cannot find a way to center them after making them side by side. Is there anyway I can do it?

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

<head>
  <style>
    .inline-div {
      display: inline-block;
    }
  </style>
</head>

<body>

  <div class="inline-div">
    <p align="center">Input:</p>
    <textarea id="display_new_language"></textarea>
  </div>
  <div class="inline-div">
    <p align="center">Information:</p>
    <textarea id="display"></textarea>
  </div>

</body>

</html>
```