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

<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 fitThe inline elements fill up the entire page width

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