title: Child element inheriting width issue
body: <p>So I am having this strange issue where i have an element in a container and it is inheriting the width from the conatiner. </p>
  
  <p>to try and fix this i just set the css width property to whatever i want. when i go to preview in the browser it has adjusted the width properly, but it has now extended out the right margin to fill in the container.</p>
  
  <p>I tried to offset this by doing things like margin-right: 0; or using negative values, but nothing is working</p>