分離和重新定位元素？

-1

我在切換（nav-trigger）旁邊添加了文本「MENY」。不過，我不喜歡> MENY <的位置，格式/樣式沒問題，但文本需要更多地位於與切換圖標相關的中間位置。它們像現在一樣粘在一起。我如何區分它們以便我可以調整（提高（降低））文字「MENY」？我一直搞亂它，所以任何指導非常感謝！分離和重新定位元素？

現在它是如何（圖）：

如何我想它（圖片）：

我的頭PHP

<html <?php language_attributes(); ?> <?php thb_html_class(); ?>> 
<head> 
    <?php thb_head_meta(); ?> 

    <title><?php thb_title(); ?></title> 

    <?php wp_head(); ?> 
</head> 
<body <?php body_class(); ?>> 

    <?php thb_body_start(); ?> 

    <div id="page"> 

     <?php thb_header_before(); ?> 

     <header id="header"> 
      <?php thb_header_start(); ?> 

      <div class="header-container"> 

       <div class="wrapper"> 
        <?php 
         $logo = thb_get_option('main_logo'); 
         $logo_2x = thb_get_option('main_logo_retina'); 

         if(!empty($logo['id']) && !empty($logo_2x['id'])) : ?> 
         <?php $logo_metadata = wp_get_attachment_metadata($logo['id']); ?> 
         <style> 
          @media all and (-webkit-min-device-pixel-ratio: 1.5) { 
           #logo { 
            background-image: url('<?php echo thb_image_get_size($logo_2x['id'], 'full'); ?>'); 
            background-size: <?php echo $logo_metadata['width']; ?>px, <?php echo $logo_metadata['height']; ?>px; 
           } 

           #logo img { visibility: hidden; } 
          } 
         </style> 

         <?php endif; 
        ?> 
        <h1 id="logo"> 
         <a href="<?php echo home_url(); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>"> 
          <?php if(isset($logo['id']) && $logo['id'] != '') : ?> 
           <img src="<?php echo thb_image_get_size($logo['id'], 'full'); ?>" alt=""> 
          <?php else : ?> 
           <?php bloginfo('name'); ?> 
          <?php endif; ?> 
         </a> 
        </h1> 

        <?php thb_nav_before(); ?> 

        <a href="#" id="nav-trigger"> 
<span style="font-family: Source Sans Pro; font-size: 16px; line-height: 1; margin-left: 5px; font-weight: 700;">MENY</span> m

    <div class="nav-wrapper"> 
         <nav id="main-nav" class="main-navigation primary"> 
          <?php thb_nav_start(); ?> 

          <?php wp_nav_menu(array('theme_location' => 'primary')); ?> 

          <?php thb_nav_end(); ?> 
         </nav> 

         <nav id="mobile-nav" class="main-navigation primary"> 
          <?php thb_nav_start(); ?> 

          <?php wp_nav_menu(array('theme_location' => 'primary')); ?> 

          <?php thb_nav_end(); ?> 
         </nav> 
        </div> 
        <?php thb_nav_after(); ?> 
       </div> 
      </div> 

      <div class="wrapper">

HTML代碼：

<a href="#" id="nav-trigger" class="thb-loaded" style="margin-top: 30.5px;"> 
    <span style="font-family: Source Sans Pro; font-size: 16px; line-height: 1; margin-left: 5px; font-weight: 700;">MENY</span> m 
</a>

來源

2013-12-16 user3108955

您能否提供由PHP腳本生成的HTML？如果可以通過網絡訪問，請提供網址。或JSFiddle。 –

同意。這是客戶端問題。您的服務器端代碼無關緊要，並且使問題複雜化。 –

'code' MENY m – user3108955