Question: Here is a [fiddle to demonstrate](https://jsfiddle.net/jsorensen/k84rqjbz/2/):

*html*

```html
<div>
  <button>One</button>
  <button>Two</button>
  <button>Three</button>
</div>
<div id="app"></div>

```

*js*

```html
function Buttons() {
  return (
    <div>
      <button>One</button>
      <button>Two</button>
      <button>Three</button>
    </div>
  );
}
ReactDOM.render(<Buttons />, document.querySelector("#app"))

```

Basically whether or not I have any stylesheets, putting elements next to each other causes them to have 9px of space between them (at least on Chrome) but doing the exact same thing inside a react component puts no space between them. I would like to know why they are not consistent and how to make them consistent if possible.

Answer: 
This will divide every element in A by every element in B. If this is not what you need, please expand on your answer or post expected outcome.

```
res = [i / j for i, j in zip(A, B)] 

```
You can just `map` with the `truediv` operator:

```
from operator import truediv

list(map(truediv, A, B))
# [0.7142857142857143, 0.7857142857142858, 0.923076923076923, 0.9285714285714287...

```