title: Centering text Between Two other Divs in a Header
body: <p><a href="https://i.stack.imgur.com/XNfB8.jpg" rel="nofollow noreferrer">Screenshot</a></p>
  
  <p>I'm trying to center the h4 between the two divs.  I would like this to be static and stay in the same place regardless of the resolution.  The icon and form do not move, but the h4 text does.  How can I make this sit in one spot and not move?</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;21st Century Dad&lt;/title&gt;
  
  &lt;link type="text/css" rel="stylesheet" href="css/reset.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/styles.css" /&gt;
  &lt;link rel="icon" type="image/ico" href="images/logo-small.png"&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;header&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/styles.css" /&gt;
  &lt;link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"&gt;
  &lt;style&gt;
      #mc_embed_signup{background:#26ADE4; float:right; font:14px 'Kanit',Helvetica,Arial,sans-serif; margin-right: 20px; margin-top: 20px; text-align:center; border-radius:20px; width:250px;}
      h4{text-align:center;clear:both; position:absolute; top:80px; right:600px; font-size:42px; font-weight:bold; color:#26ADE4;}/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
         We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
  &lt;/style&gt;
  
  &lt;!-- Header Information --&gt;
  &lt;h4&gt;21st Century Dad&lt;/h4&gt;
  &lt;div id="header-content"&gt;
  &lt;a href="../index.php"&gt; &lt;img src="../images/logo-big.png" alt="21st Century Dad" height="110" style="margin-left:20px; margin-top:40px;" /&gt; &lt;/a&gt;
  
  &lt;!-- Begin MailChimp Signup Form --&gt;
  
  &lt;div id="mc_embed_signup"&gt;
  &lt;form action="//fb.us15.list-manage.com/subscribe/post?u=48be460d4492dcbdd2828666e&amp;amp;id=f7d2ed069d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate&gt;
      &lt;div id="mc_embed_signup_scroll"&gt;
  Sign up for our newsletter!
  &lt;div class="indicates-required"&gt;&lt;span class="asterisk"&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;div class="mc-field-group"&gt;
      &lt;label for="mce-EMAIL"&gt;Email Address  &lt;span class="asterisk"&gt;*&lt;/span&gt;
  &lt;/label&gt;
      &lt;input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"&gt;
  &lt;/div&gt;
      &lt;div id="mce-responses" class="clear"&gt;
          &lt;div class="response" id="mce-error-response" style="display:none"&gt;&lt;/div&gt;
          &lt;div class="response" id="mce-success-response" style="display:none"&gt;&lt;/div&gt;
      &lt;/div&gt;    &lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&gt;
      &lt;div style="position: absolute; left: -5000px;" aria-hidden="true"&gt;&lt;input type="text" name="b_48be460d4492dcbdd2828666e_f7d2ed069d" tabindex="-1" value=""&gt;&lt;/div&gt;
      &lt;div class="clear"&gt;&lt;input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="background-color:#D1E751; font:14px 'Kanit',Helvetica,Arial,sans-serif; margin-top:4px; border-radius:5px; border-color:#D1E751; "&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;!--&lt;script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'&gt;&lt;/script&gt;&lt;script type='text/javascript'&gt;(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);&lt;/script&gt; --&gt;
  
  &lt;!--End mc_embed_signup--&gt;
  &lt;/div&gt;&lt;/header&gt;
  
  &lt;nav&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/styles.css" /&gt;
  &lt;!--Navigation Information--&gt;
  
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="../about/index.php"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="../diy-projects/index.php"&gt;DIY Projects&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="../dad-tech.php"&gt;Dad Tech&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="../kid-stuff/index.php"&gt;Kid Stuff&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="../ask-a-dad/index.php"&gt;Ask a Dad&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="../dad-jokes.php"&gt;Dad Jokes&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/nav&gt;
  
  &lt;div id="wrapper"&gt;
  &lt;main&gt;
  
  &lt;div class = "container"&gt;
  &lt;div class = "blocks"&gt;
  &lt;h1&gt;What's New with Dad?&lt;/h1&gt;
  &lt;a href="about/index.php"&gt;&lt;img src="images/whatsnew.png" alt="About Me Picture" style="border:1px solid #000;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class = "blocks"&gt;
  &lt;h1&gt;DIY Project of the Week&lt;/h1&gt;
  &lt;a href="diy-projects/index.php"&gt;&lt;img src="images/diyproject.jpg" alt="DIY Project Picture" style="border:1px solid #000;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class = "blocks"&gt;
  &lt;h1&gt;Dad Gadget of the Week&lt;/h1&gt;
  &lt;a href="dad-tech.php"&gt;&lt;img src="images/dadgadget.jpg" alt="Dad Gadget of the Week Picture" style="border:1px solid #000;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class = "blocks"&gt;
  &lt;h1&gt;Activity / Meal of the Week&lt;/h1&gt;
  &lt;a href="kid-stuff/index.php"&gt;&lt;img src="images/dadactivity.jpg" alt="Kid Activity &amp; Meal of the Week" style="border:1px solid #000;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class = "blocks"&gt;
  &lt;h1&gt;Dad Q &amp; A of the Week&lt;/h1&gt;
  &lt;a href="ask-a-dad/index.php"&gt;&lt;img src="images/askadad.png" alt="Dad Q &amp; A of the Week" style="border:1px solid #000;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class = "blocks"&gt;
  &lt;h1&gt;Dad Joke of the Week&lt;/h1&gt;
  &lt;a href="dad-jokes.php"&gt;&lt;img src="images/dadjokes.jpg" alt="Dad Joke of the Week" style="border:1px solid #000;"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;!-- end container --&gt;
  
  
  &lt;/main&gt;
  
  &lt;footer&gt;  
  &lt;link type="text/css" rel="stylesheet" href="css/styles.css" /&gt;
  &lt;body link="#FFFFFF"&gt;
  
  &lt;div id="footer"&gt;
           &lt;p class="left"&gt;
          &lt;a href="mailto:bahrn@my.uwstout.edu"&gt;E-mail 21st Century Dad&lt;/a&gt;
  
          &lt;p class="right"&gt;
          &lt;a href="https://www.facebook.com/"&gt; 
          &lt;img src="../images/facebook.png" alt="Facebook Logo"/&gt;&lt;/a&gt;
          &lt;a href="https://www.snapchat.com/"&gt; 
          &lt;img src="../images/snapchat.png" alt="Snapchat Logo"/&gt;&lt;/a&gt;
          &lt;a href="https://www.instagram.com/"&gt; 
          &lt;img src="../images/instagram.png" alt="Instagram Logo"/&gt;&lt;/a&gt;
  
           &lt;p class="centered"&gt;
          &amp;copy; Copyright 2017 21st Century Dad
  
  &lt;/div&gt;&lt;/footer&gt;
  
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The style for the h4 is in the head.  Thanks in advance!</p>