title: Centre a div within a div with leading and trailing divs
body: <p>I want to centre the middle yellow div within the blue container div, regardless of the size of the text/div on the left and right side. The size of the centre div should auto-adjust to fit the text as it will be dynamically updated.</p>
  
  <p>The left side yellow div should then fill the remaining gap on the left side with right aligned text, any extra text on the left side of this div should be hidden beyond the edge of the blue container on the left. </p>
  
  <p><img src="https://i.stack.imgur.com/GtpGF.png" alt="Example of desired design"></p>