Question: I'm making a simple calculator page but I'm having a lot of trouble aligning the buttons the way I would like. I have all of my buttons inside of a div which is already the width I want each row of buttons to be. My problem is that no matter how I try to do the margins or the buttons either have extra room on the right side and they don't line up with the right side of the viewport or they are too big and they overflow onto the next line. I'm sure there is a simple solution to this but I'm too much of a beginner to see it. :(

Currently my CSS for the button container and buttons is as follows:

```
#buttons {
  width:525px;
  margin-left: 25px;
  margin-top: 10px;
}

button {
  width: 110px;
  height: 110px;
  border: 2px solid black;
  border-radius: 20px;
  margin: 10px 0px 0px 0px;
}

```

Codepen [here](https://codepen.io/ChrFimbel/pen/rYLNWr).

Answer: 
Do you mean a line connecting the points? In that case you can just do: `plt.plot(r,functions,color='green')` if `r` and `functions` contain more than 9 elements use: `r[:9]` and `functions[:9]`.
This might help: [How to overplot a line on a scatter plot in python?](https://stackoverflow.com/questions/19068862/how-to-overplot-a-line-on-a-scatter-plot-in-python)

In case you are trying to plot a regression line through the points, which is a different case, maybe this would help: <http://matthiaseisen.com/pp/patterns/p0170/>

(I would've commented but I don't meet minimum reputation requirements. Hope I helped!)