Присвоить CSS только этому элементу?
вы прям в сам див засунули карту<div style="margin-left:20px;">
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1271.5411177276196!2d30.54607475818814!3d50.402304994867194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4cf5a6ac94fe7%3A0x441355015fb9c6fe!2sSaperno-Slobidska+St%2C+57%2C+Kyiv%2C+Ukraine!5e0!3m2!1sen!2sru!4v1478369015237" 
          width="600" 
          height="450" 
          frameborder="0" 
          style="border:0"
          align="left"
          allowfullscreen></iframe>
          </div>
margin-left:20px;" после него не стоит >
Например так<div id="google-map">
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1271.5411177276196!2d30.54607475818814!3d50.402304994867194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4cf5a6ac94fe7%3A0x441355015fb9c6fe!2sSaperno-Slobidska+St%2C+57%2C+Kyiv%2C+Ukraine!5e0!3m2!1sen!2sru!4v1478369015237" 
          width="600" 
          height="450" 
          frameborder="0" 
          style="border:0"
          align="left"
          allowfullscreen></iframe>
          </div>#google-map iframe{
margin-left:20px;
}
туда же можно перетащить все стили