I'm having this problem below where the text next to it moves down to a new line underneath the icon when screen size gets smaller:

[![enter image description here](https://i.stack.imgur.com/UgQo8.png)](https://i.stack.imgur.com/UgQo8.png)

I was wondering what did I miss in my css/html?

```css
.event-details .event-info img {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
```

```html
<div class="medium -12 small-12 large-12 columns">
  <img src="http://static.igpandi.org/igpi_website/static/img/icon-location.png">
  <p>Cyberview Living Lab - Level 4, Cyberview Sdn Bhd, Block 3750, Persiaran APEC, Cyber 8, 63000, Cyberjaya, Selangor</p>
</div>
```