title: CSS multiple Image positioning and styling
body: <p><a href="https://i.stack.imgur.com/TGpdM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TGpdM.jpg" alt="BBC main image"></a></p>
  
  <p>I am making the BBC News website using only <code>HTML</code> and <code>CSS</code> and I have completed the top menu bar but after that there is a problem.</p>
  
  <p>As you can see in the image there is one big image align to left and perfectly behind the text heading and there is 4 images that is need to be aligned at the right side of big image, 4 images are having same height and width which is 307 X 107 and there is text written on them as well.</p>
  
  <p>Please anyone can help to achieve this layout i am tired of trying all things making <code>divs</code> and putting in to the list items and float left also nothing worked.</p>