What happens when we put inline elements inside a div that's only 150px wide?

The inline elements get pushed down to different lines when they don't fitThe inline elements fill up the entire page width<html>
<head>
<style>div {
width: 150px;
border: 2px solid;
}</style> </head>
<body>
  <h3>Tags</h3>
  <div>
   <a href="#">#workHard</a>
   <a href="#">#yolo</a>
   <a href="#">#tbt</a>
   <a href="#">#freewilly</a>
  </div>
</body>
</html>]]>

The inline elements get pushed down to different lines when they don't fit.