title: Dropdown button isn't centering
body: <p>Somehow my dropdown button isn't aligning in center when using the custom html in Clickfunnels. I'm not really that into coding maybe someone here could help me with it.</p>
  <p>I already tried to add different text-aligns also with !important left, right, margins etc. but it would save me a lot of headaches if it would just always easily be centered.</p>
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt; Centered Navigation Menu&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class=&quot;dropdown&quot;&gt;
              &lt;button class=&quot;dropbtn&quot;&gt;ÜBER UNS&lt;/button&gt;
              &lt;style&gt;
                  /* Dropdown Button */
  
                  .dropbtn {
                      position: relative;
                      background: transparent;
                      color: white;
                      padding: 20px;
                      width: 150px;
                      font-size: 15px;
                      border: none;
                      font-weight: 900;
                      font-family: LATO;
                      transition: ease-in-out 0.8s;
                      left: 50% !important;
                      right: auto !important;
                      text-align: center !important;
                      transform: translate(-50%, 0) !important;
                  }
  
                  .dropdown:hover .dropbtn {
                      background: white;
                      transition: background ease-in-out 0.5s;
                      color: black;
                  }
  
                  /* The container &lt;div&gt; - needed to position the dropdown content */
  
                  .dropdown {
                      position: relative;
                      display: inline-block;
                  }
  
                  /* Dropdown Content (Hidden by Default) */
  
                  .dropdown-content {
                      position: absolute;
                      width: 150px;
                      left: -999em;
                  }
  
                  .dropdown:hover .dropdown-content {
                      background-color: white;
                      left: 0;
                      transition: background ease-in-out 0.5s;
                      ;
                  }
  
                  .dropdown:hover .dropdown-content {
                      display: block;
                  }
  
                  /* Links inside the dropdown */
  
                  .dropdown-content a {
                      color: black;
                      padding: 12px 16px;
                      font-size: 15px;
                      text-decoration: none;
                      display: block;
                      text-align: center;
                  }
  
              &lt;/style&gt;
              &lt;div class=&quot;dropdown-content&quot;&gt;
                  &lt;a href=&quot;#&quot;&gt;GALERIE&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;LAGE&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>