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: 
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...

```
that R package links to a [Python module](https://pypi.org/project/densratio/) by the same [author](https://github.com/hoxo-m), I'd just use that! to install, just do the normal:

```sh
pip3 install -U densratio

```

then to use just follow the example in the docs:

```
from densratio import densratio

result = densratio(A, B)
print(result)

```

note though that this does crazy things with your data. I'd assume because because it's been rounded too much.

I'd start getting an estimate of the supremum by doing:

```
import numpy as np

x = np.linspace(-10, 10, 500)
y_hat = result.compute_density_ratio(x)

print(max(y_hat), x[np.argmax(y_hat)])

```

but you'd probably want to do lots of plots to make sure `densratio` is doing the right thing, e.g. start with:

```
import matplotlib.pyplot as plt

plt.plot(x, y_hat)

```

note I've not seen this package before, somebody who's used this before might be able to help more