YouTube Videos – 3 side by side

I am having trouble getting my 3 youtube videos to be side by side with some space in between.. how can i achieve this?

this is my code but it stacks them on top of each other:

<div style="width: 300px; height: 169px;"><iframe src="https://www.youtube.com/embed/ONxAe3fDyVY?rel=0" width="300" height="169" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

<div style="width: 300px; height: 169px;"><iframe width="300" height="169" src="https://www.youtube.com/embed/hAAUyzagQHc?rel=0" frameborder="0" allowfullscreen></iframe></div>

<div style="width: 300px; height: 169px;"><iframe width="225" height="169" src="https://www.youtube.com/embed/svaK4f5bLxA?rel=0" frameborder="0" allowfullscreen></iframe></div>

you can’t see the page because only admins can see the page to the theme i am developing.. but here is a screenshot:
https://www.dropbox.com/s/ex38o9hqe1huraj/Screen%20Shot%202016-03-17%20at%2012.17.06%20PM.pdf?dl=0