Foreign Affairs Style Guide

Foreign Affairs

Map Article -- Full Width Inline Image/Map

This is for a Full width, mid-article image/map on any map article.

Data Sources:
Images Styles:
Known Omissions:
He who controls the Spice: Caption would go here and extend across like this. He who controls the Spice: Caption would go here and extend across like this. 
<div class="full-width full-width-map">
  <figure class="article-lead-map--full" style="background-image: url(/fa_prototype/assets/images/fpo-full-width-article-inline.jpg)">
    <div class="container">
      <figcaption class="article-lead-map__figcaption">
        <span class="article-lead-map__caption">He who controls the Spice: Caption would go here and extend across like this. He who controls the Spice: Caption would go here and extend across like this. <a href="#"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="54.3 329.2 891.5 891.6" enable-background="new 54.3 329.2 891.5 891.6" xml:space="preserve">
<g>
	<g>
		<polygon points="945.8,719.3 555.7,719.3 555.7,329.2 444.3,329.2 444.3,719.3 54.3,719.3 54.3,830.7 444.3,830.7 444.3,1220.8 
			555.7,1220.8 555.7,830.7 945.8,830.7 		"/>
	</g>
</g>
</svg>
</a></span>
      </figcaption>
    </div>
  </figure>
</div>