Monday 23 July 2012

w3schools


<!DOCTYPE html>
<html lang="en-US">
<head>
<title>CSS Tutorial</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="html,css,tutorial,html5,dhtml,css3,xsl,xslt,xhtml,javascript,jquery,asp,ado,net,vbscript,dom,sql,colors,soap,php,rss,authoring,programming,training,learning,quiz,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript jQuery XML DOM XSL XSLT RSS AJAX ASP .NET PHP SQL tutorials, references, examples for web building." />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<script type="text/javascript">
<!--
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//-->
</script>
<script type="text/javascript">
<!--
function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Search w3schools.com")
{obj.value=""}
}
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
var addr=document.location.href;
function displayError()
{
document.getElementById("err_url").value=addr;
document.getElementById("err_form").style.display="block";
document.getElementById("err_desc").focus();
hideSent();
}
function hideError()
{
document.getElementById("err_form").style.display="none";
}
function hideSent()
{
document.getElementById("err_sent").style.display="none";
}
function sendErr()
{
var xmlhttp;
var err_url=document.getElementById("err_url").value;
var err_email=document.getElementById("err_email").value;
var err_desc=document.getElementById("err_desc").value;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("POST","/err_sup.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("err_url=" + err_url + "&err_email=" + err_email + "&err_desc=" + escape(err_desc));
hideError();
document.getElementById("err_sent").style.display="block";
}
function click_expandingMenuHeader(obj,sectionName)
{
var x=document.getElementById("cssprop_" + sectionName).parentNode.className;
if (x.indexOf("expandingMenuNotSelected")>-1)
{
x=x.replace("expandingMenuNotSelected","expandingMenuSelected");
document.getElementById("cssprop_" + sectionName).parentNode.className=x;
document.getElementById("cssprop_" + sectionName).style.display="block";
}
else
{
x=x.replace("expandingMenuSelected","expandingMenuNotSelected");
document.getElementById("cssprop_" + sectionName).parentNode.className=x;
document.getElementById("cssprop_" + sectionName).style.display="none";
}
}
//-->
</script>
<!--[if lt IE 7]>
<style>
#leftcolumn{margin-left:0}
</style>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/stdtheme.css" />
</head>
<body>
<div style="position:relative;width:100%;margin-top:0px;margin-bottom:0px;">
<a id="top"></a>
<div style="width:960px;margin-top:5px;margin-left:auto;margin-right:auto">
<div style="width:960px;height:74px;margin:0;padding:0;">
<div style="width:340px;text-align:left;float:left;">
<a href="http://www.w3schools.com"><img width="336" height="69" src="/images/w3schoolslogo.gif" alt="W3Schools.com" style="border:0;margin-top:5px;" /></a>
</div>
<div style="width:300px;float:right;text-align:right;margin-top:20px;margin-right:14px;margin-bottom:5px;">
<div id="google_translate_element" style="display:none"></div>
<div id="translate_link" style="margin-bottom:14px">
<a href="#" class="topnav"
onclick="document.getElementById('google_translate_element').style.display='inline';document.getElementById('translate_link').style.display='none';return false;">
TRANSLATE
</a>
</div>
<form style="font-size:11px;" method="get" name="searchform" action="http://www.google.com/search" target="_blank">
<input type="hidden" name="sitesearch" value="www.w3schools.com" />
<input onfocus="searchfield_focus(this)" style="width:150px;color:#808080;font-style:italic;margin:0;"
type="text" name="as_q" size="20" value="Search w3schools.com" /><input type="submit" style="margin:0;" value="Search" title="Search" />
</form>
</div>
</div>
<div id="topnav" style="clear:both;width:960px;height:25px;">
<div style="float:left;width:400px;word-spacing:12px;font-size:90%;padding-left:15px;padding-top:6px;white-space:nowrap;text-align:left;">
<a class="topnav" href="/default.asp" target="_top">HOME </a>
<a class="topnav" href="/html/default.asp" target="_top">HTML </a>
<a class="topnav" href="/css/default.asp" target="_top">CSS </a>
<a class="topnav" href="/xml/default.asp" target="_top">XML </a>
<a class="topnav" href="/js/default.asp" target="_top">JAVASCRIPT </a>
<a class="topnav" href="/asp/default.asp" target="_top">ASP </a>
<a class="topnav" href="/php/default.asp" target="_top">PHP </a>
<a class="topnav" href="/sql/default.asp" target="_top">SQL </a>
<a class="topnav" href="/sitemap/default.asp" target="_top">MORE...</a>
</div>
<div style="float:right;width:280px;word-spacing:6px;font-size:80%;padding-right:13px;padding-top:7px;color:#888888;white-space:nowrap;text-align:right;">
<a class="topnav" href="/sitemap/default.asp#references" target="_top">REFERENCES</a> |
<a class="topnav" href="/sitemap/default.asp#examples" target="_top">EXAMPLES</a> |
<a class="topnav" href="/forum/default.asp" target="_top">FORUM</a> |
<a class="topnav" href="/about/default.asp" target="_top">ABOUT</a>
</div>
</div>
<div style="width:960px;height:94px;position:relative;margin-left:auto;margin-right:auto;margin:0px;padding:0px;overflow:hidden">
<script type='text/javascript' src='http://partner.googleadservices.com/gampad/google_service.js'>
</script>
<script type='text/javascript'>
GS_googleAddAdSenseService("ca-pub-3440800076797949");
GS_googleEnableAllServices();
</script>
<script type='text/javascript'>
GA_googleAddSlot("ca-pub-3440800076797949", "MainLeaderboard");
GA_googleAddSlot("ca-pub-3440800076797949", "SmallPS");
GA_googleAddSlot("ca-pub-3440800076797949", "LargePS");
GA_googleAddSlot("ca-pub-3440800076797949", "BottomRectangle");
GA_googleAddSlot("ca-pub-3440800076797949", "SkyScraper");
GA_googleAddSlot("ca-pub-3440800076797949", "BottomBanner");
GA_googleAddSlot("ca-pub-3440800076797949", "TopRectangle");
</script>
<script type='text/javascript'>
GA_googleFetchAds();
</script>
<!-- TopRectangle -->
<script type='text/javascript'>
GA_googleFillSlot("TopRectangle");
</script>
<div style="width:728px;height:90px;position:absolute;right:0px;top:0px;margin:0;padding:0;overflow:hidden;">
<!-- MainLeaderboard -->
<script type='text/javascript'>
GA_googleFillSlot("MainLeaderboard");
</script>
</div></div>
<div style="width:960px;padding:0px;margin:0px;">
<div id="leftcolumn" style="width:170px;margin:0;padding:0;margin-top:5px;float:left;"><h2 class="left"><span class="left_h2">CSS</span> Basic</h2>
<a target="_top" href="default.asp" >CSS HOME</a><br />
<a target="_top" href="css_intro.asp" >CSS Introduction</a><br />
<a target="_top" href="css_syntax.asp" >CSS Syntax</a><br />
<a target="_top" href="css_id_class.asp" >CSS Id &amp; Class</a><br />
<a target="_top" href="css_howto.asp" >CSS How To</a><br />
<br />
<h2 class="left"><span class="left_h2">CSS</span> Styling</h2>
<a target="_top" href="css_background.asp" >Styling Backgrounds</a><br />
<a target="_top" href="css_text.asp" >Styling Text</a><br />
<a target="_top" href="css_font.asp" >Styling Fonts</a><br />
<a target="_top" href="css_link.asp" >Styling Links</a><br />
<a target="_top" href="css_list.asp" >Styling Lists</a><br />
<a target="_top" href="css_table.asp" >Styling Tables</a><br />
<br />
<h2 class="left"><span class="left_h2">CSS</span> Box Model</h2>
<a target="_top" href="css_boxmodel.asp" >CSS Box Model</a><br />
<a target="_top" href="css_border.asp" >CSS Border</a><br />
<a target="_top" href="css_outline.asp" >CSS Outline</a><br />
<a target="_top" href="css_margin.asp" >CSS Margin</a><br />
<a target="_top" href="css_padding.asp" >CSS Padding</a><br />
<br />
<h2 class="left"><span class="left_h2">CSS</span> Advanced</h2>
<a target="_top" href="css_grouping_nesting.asp" >CSS Grouping/Nesting</a><br />
<a target="_top" href="css_dimension.asp" >CSS Dimension</a><br />
<a target="_top" href="css_display_visibility.asp" >CSS Display</a><br />
<a target="_top" href="css_positioning.asp" >CSS Positioning</a><br />
<a target="_top" href="css_float.asp" >CSS Floating</a><br />
<a target="_top" href="css_align.asp" >CSS Align</a><br />
<a target="_top" href="css_pseudo_classes.asp" >CSS Pseudo-class</a><br />
<a target="_top" href="css_pseudo_elements.asp" >CSS Pseudo-element</a><br />
<a target="_top" href="css_navbar.asp" >CSS Navigation Bar</a><br />
<a target="_top" href="css_image_gallery.asp" >CSS Image Gallery</a><br />
<a target="_top" href="css_image_transparency.asp" >CSS Image Opacity</a><br />
<a target="_top" href="css_image_sprites.asp" >CSS Image Sprites</a><br />
<a target="_top" href="css_mediatypes.asp" >CSS Media Types</a><br />
<a target="_top" href="css_attribute_selectors.asp" >CSS Attribute Selectors</a><br />
<a target="_top" href="css_summary.asp" >CSS Summary</a><br />
<br />
<h2 class="left"><span class="left_h2">CSS</span> Examples</h2>
<a target="_top" href="css_examples.asp" >CSS Examples</a><br />
<br />
<h2 class="left"><span class="left_h2">CSS</span> Quiz</h2>
<a target="_top" href="css_quiz.asp" >CSS Quiz</a><br />
<a target="_top" href="css_exam.asp" >CSS Certificate</a><br />
<br />
<h2 class="left"><span class="left_h2">CSS</span> References</h2>
<a target="_top" href="/cssref/default.asp" >CSS Reference</a><br />
<a target="_top" href="/cssref/css_selectors.asp" >CSS Selectors</a><br />
<a target="_top" href="/cssref/css_ref_aural.asp" >CSS Reference Aural</a><br />
<a target="_top" href="/cssref/css_websafe_fonts.asp" >CSS Web Safe Fonts</a><br />
<a target="_top" href="/cssref/css_units.asp" >CSS Units</a><br />
<a target="_top" href="/cssref/css_colors.asp" >CSS Colors</a><br />
<a target="_top" href="/cssref/css_colors_legal.asp" >CSS Color Values</a><br />
<a target="_top" href="/cssref/css_colornames.asp" >CSS Color Names</a><br />
<a target="_top" href="/cssref/css_colorsfull.asp" >CSS Color HEX</a><br /></div>
<div style="width:634px;margin:0px;padding:0px;background-color:#ffffff;color:#000000;padding-bottom:8px;padding-right:5px;padding-top:4px;float:left;">
<h1>CSS <span class="color_h1">Tutorial</span></h1>
<div class="chapter">
<div class="prev"><a class="chapter" href="/default.asp">&laquo; W3Schools Home</a></div>
<div class="next"><a class="chapter" href="css_intro.asp">Next Chapter &raquo;</a></div>
</div>
<br />
<div class="tutintro">
<img src="/images/w3css.gif" alt="CSS" />
<p>Save a lot of work with CSS!</p>
<p>In our CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once.</p>
</div>
<div class="example">
<h2 class="example_head">CSS Example</h2>
<div class="example_code notranslate">
body<br />
{<br />
background-color:#d0e4fe;<br />
}<br />
h1<br />
{<br />
color:orange;<br />
text-align:center;<br />
}<br />
p<br />
{<br />
font-family:"Times New Roman";<br />
font-size:20px;<br />
}</div>
<br /><a target="_blank" href="tryit.asp?filename=trycss_default" class="tryitbtn">Try it yourself &raquo;</a></div>
<p><b>Click on the &quot;Try it Yourself&quot; button to see how it works.</b></p>
<h2 class="tutheader">CSS Examples</h2>
<p>Learn from over 150 examples! With our editor, you can edit the CSS, and click on a
button to view the result.</p>
<p><a href="css_examples.asp">Try-It-Yourself!</a></p>
<h2 class="tutheader">CSS Quiz Test</h2>
<p>Test your CSS skills at W3Schools!</p>
<p><a href="css_quiz.asp">Start CSS Quiz!</a></p>
<h2 class="tutheader">CSS References</h2>
<p>At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.</p>
<p><a href="/cssref/default.asp">CSS Properties Reference</a></p>
<p><a href="/cssref/css_selectors.asp">CSS Selectors Reference</a></p>
<p><a href="/cssref/css_ref_aural.asp">CSS Aural Reference</a></p>
<p><a href="/cssref/css_units.asp">CSS Units</a></p>
<p><a href="/cssref/css_colornames.asp">CSS Color Reference</a></p>
<h2 class="tutheader">Exam - Get Your Diploma!</h2>
<div>
<div style="float:left;width:224px;">
<a href="/cert/default.asp"><img src="/images/w3cert.gif" style="margin-top:40px;border:0;" alt="W3Schools Certification" /></a>
</div>
<div style="float:left;width:400px;">
<h2>W3Schools' Online Certification</h2>
<p>The perfect solution for professionals who need to balance work, family, and career building.</p>
<p>More than 10 000 certificates already issued!</p>
<p><a class="tryitbtn" style="width:200px;font-size:120%;margin-top:5px;" href="/cert/default.asp">Get Your Certificate &raquo;</a></p></div>
<p style="clear:both;">The <a href="/cert/default.asp">HTML Certificate</a> documents your knowledge of HTML.</p>
<p>The <a href="/cert/default.asp">CSS Certificate</a> documents your knowledge of advanced CSS.</p>
<p>The <a href="/cert/default.asp">JavaScript Certificate</a> documents your knowledge of JavaScript and HTML DOM.</p>
<p>The <a href="/cert/default.asp">jQuery Certificate</a> documents your knowledge of jQuery.</p>
<p>The <a href="/cert/default.asp">XML Certificate</a> documents your knowledge of XML, XML DOM and XSLT.</p>
<p>The <a href="/cert/default.asp">ASP Certificate</a> documents your knowledge of ASP, SQL, and ADO.</p>
<p>The <a href="/cert/default.asp">PHP Certificate</a> documents your knowledge of PHP and SQL (MySQL).</p>
</div>
<br />
<div class="chapter">
<div class="prev"><a class="chapter" href="/default.asp">&laquo; W3Schools Home</a></div>
<div class="next"><a class="chapter" href="css_intro.asp">Next Chapter &raquo;</a></div>
</div>
<hr />
<!-- **** SPOTLIGHTS 1 **** -->
<!-- SmallPS -->
<script type='text/javascript'>
GA_googleFillSlot("SmallPS");
</script>
<!-- **** SPOTLIGHTS 2 **** -->
<!-- LargePS -->
<script type='text/javascript'>
GA_googleFillSlot("LargePS");
</script>
<!-- **** SPOTLIGHTS 3 **** -->
<!-- BottomRectangle -->
<div style="width:340px;margin:auto">
<script type='text/javascript'>
GA_googleFillSlot("BottomRectangle");
</script>
</div>
<div style="width:470px;margin:auto;margin-top:5px;">
<!-- BottomBanner -->
<script type='text/javascript'>
GA_googleFillSlot("BottomBanner");
</script>
</div>
<div id="err_form" style="display:none">
<h2>Your suggestion:</h2>
<p><label for="err_email">Your E-mail (optional):</label> <input type="text" id="err_email" name="err_email" /></p>
<p><label for="err_url">Page address:</label> <input type="text" disabled="disabled" id="err_url" name="err_url" /></p>
<p><label for="err_desc">Description:</label> <textarea name="err_desc" id="err_desc" cols="92" rows="20"></textarea></p>
<p class="submit"><input type="button" value="Submit" onclick="sendErr()" /></p>
<div class="err_close" onclick="hideError()">Close [X]</div>
</div>
<div id="err_sent" style="display:none">
<h2>Thank you for your support.</h2>
<div class="err_close" onclick="hideSent()">Close [X]</div>
</div>
</div>
<div id="rightcolumn" style="width:150px;margin:0px;padding:0px;float:left">
<table>
<tr><th>WEB HOSTING</th></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.lunarpages.com/id/w3schools/goto/w3schools">Best Web Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.eukhost.com">PHP MySQL Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.web-hosting-top.com/coupons">Best Hosting Coupons</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.heartinternet.co.uk">UK Reseller Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.webhosting.uk.com/cloud-hosting.php">Cloud Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.justhost.com/track/w3schools/textlink">Top Web Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.doteasy.com/index.cfm?A=w3text">$3.98 Unlimited Hosting</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.website.com/">Premium Website Design</a>
</td></tr>
</table>
<table>
<tr><th>WEB BUILDING</th></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.altova.com/ref/?s=w3s_text&amp;q=xmlspy">Download XML Editor</a>
</td></tr>
<tr><td>
<a target="_blank" rel="nofollow" href="http://www.wix.com/html5/websites_400?utm_campaign=ma_w3schools.com&amp;experiment_id=ma_w3schools.comlink1_400H">FREE Website BUILDER</a>
</td></tr>
<tr><td>
<a rel="nofollow" target="_blank" href="http://www.wix.com/eteam1/websites_300?utm_campaign=ma_w3schools.com&amp;experiment_id=ma_w3schools.comlink2_300">Build a FREE Website</a>
</td></tr>
</table>
<table>
<tr><th>W3SCHOOLS EXAMS</th></tr>
<tr><td>
<a target="_blank" href="/cert/default.asp">Get Certified in:<br />HTML, CSS, JavaScript, XML, PHP, and ASP</a>
</td></tr>
</table>
<table>
<tr><th>W3SCHOOLS BOOKS</th></tr>
<tr><td>
<a target="_blank" href="/books/default.asp">
New Books:<br />HTML, CSS<br />
JavaScript, and Ajax</a>
</td></tr>
</table>
<table>
<tr><th>STATISTICS</th></tr>
<tr><td>
<a target="_top" href="/browsers/browsers_stats.asp">Browser Statistics</a><br />
<a target="_top" href="/browsers/browsers_os.asp">Browser OS</a><br />
<a target="_top" href="/browsers/browsers_display.asp">Browser Display</a>
</td></tr></table>
<script type="text/javascript">
<!--
function sharethis()
{
txt='<a href="http://www.facebook.com/sharer.php?u='+document.URL+'" target="_blank" title="Facebook">'
txt=txt+'<img src="/images/share_facebook.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://twitter.com/home?status=Currently reading '+document.URL+'" target="_blank" title="Twitter">';
txt=txt+'<img src="/images/share_twitter.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="mailto:?&amp;subject='+document.title+'&amp;body=Take%20a%20look%20at%20this%20page%20at%20W3Schools.com:%20'+document.URL+'" target="_blank" title="E-mail">';
txt=txt+'<img src="/images/share_email.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://delicious.com/save?v=5&noui&jump=close&url='+document.URL+'&title='+document.title+'" target="_blank" title="Delicious">';
txt=txt+'<img src="/images/share_delicious.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://www.reddit.com/submit?url='+document.URL+'" target="_blank" title="Reddit">';
txt=txt+'<img src="/images/share_reddit.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://digg.com/submit?url='+document.URL+'&amp;title='+document.title+'" target="_blank" title="Digg">';
txt=txt+'<img src="/images/share_digg.gif" width="16px" height="16px" style="margin-right:4px" /></a>';
txt=txt+'<a href="http://www.stumbleupon.com/submit?url='+document.URL+'%26title%3D'+document.title+'" target="_blank" title="Stumbleupon">';
txt=txt+'<img src="/images/share_stumbleupon.gif" width="16px" height="16px" /></a>';
document.getElementById("sharethis").innerHTML=txt;
}
//--></script>
<table>
<tr><th>SHARE THIS PAGE</th></tr>
<tr>
<td id="sharethis">
<div style="height:16px">
<a href="#" onclick="sharethis();return false;">Share with &raquo;</a>
</div>
</td>
</tr>
</table>
<table>
<tr><td><br />
<div style="width:124px;margin:auto">
<!-- SkyScraper -->
<script type='text/javascript'>
GA_googleFillSlot("SkyScraper");
</script>
</div>
</td>
</tr>
</table>
</div>
</div>
<br />
</div>
<div style="width:100%;clear:both;margin:0;padding:0;background-color:transparent;background-image:url('/images/gradientbottom.jpg');background-repeat:repeat-x;position:relative;">
<div id="footer" style="width:960px;margin-left:auto;margin-right:auto;height:110px;">
<div style="float:left;width:200px;text-align:left;padding-left:3px;padding-top:11px;"><a href="http://www.w3schools.com">
<img style="border:0" src="/images/w3schoolscom_gray.gif" alt="W3Schools.com" /></a>
</div>
<div style="word-spacing:6px;font-size:80%;padding-right:12px;padding-top:19px;float:right;width:600px;text-align:right;">
<a href="" onclick="displayError();return false">REPORT ERROR</a> |
<a href="/default.asp" target="_top">HOME</a> |
<a href="#top" target="_top">TOP</a> |
<a href='/css/Default.asp?output=print' target="_blank">PRINT</a> |
<a href="/forum/default.asp" target="_blank">FORUM</a> |
<a href="/about/default.asp" target="_top">ABOUT</a>
</div>
<div style="padding-top:13px;color:#404040;clear:both;">
W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.<br />
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.<br />
While using this site, you agree to have read and accepted our
<a href="/about/about_copyright.asp">terms of use</a> and
<a href="/about/about_privacy.asp">privacy policy</a>.<br />
<a href="/about/about_copyright.asp">Copyright 1999-2012</a> by Refsnes Data. All Rights Reserved.
</div>
</div>
</div>
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
autoDisplay: false,
gaTrack: true,
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
</body>
</html>