ヘッダーに3つのアイコンの後に4番目のアイコンを表示

Question

ヘッダーに3つのアイコンの後に4番目のアイコンを追加しようとしています。

が、私はheader.phtmlのコードの下に置かwhereever、その動作していません。

4番目のアイコンが3つのアイコンの前に表示されています。私は3つのアイコンの後に表示したい。

4番目のアイコンのコード。スタイルは、これらのimgタグ（またはラッピングのdivまたは任意の要素）に設定するかどうか

<img src="<?php echo $this->getSkinUrl('images/search_16.png');?>" alt="Search"> 

header.phtml

<div id="header"> 
<header id="header" class="page-header"> 
    <div class="page-header-container"> 
     <a class="logo" href="<?php echo $this->getUrl('') ?>"> 
      <img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" class="large" /> 
      <img src="<?php echo $this->getLogoSrcSmall() ?>" alt="<?php echo $this->getLogoAlt() ?>" class="small" /> 
     </a> 

     <div id='hideshow'><img src="<?php echo $this->getSkinUrl('images/search_16.png');?>" alt="Search"></div> 

     <?php // In order for the language switcher to display next to logo on smaller viewports, it will be moved here. 
       // See app.js for details ?> 
     <div class="store-language-container"></div> 

     <!-- Skip Links --> 

     <div class="skip-links"> 
      <a href="#header-nav" class="skip-link skip-nav"> 
       <span class="icon"></span> 
       <span class="label"><?php echo $this->__('Menu'); ?></span> 
      </a> 

      <a href="#header-search" class="skip-link skip-search" id="hideshow1"> 
       <span class="icon"></span> 
       <span class="label"><?php echo $this->__('Search'); ?></span> 
      </a> 

      <div class="account-cart-wrapper"> 
       <a href="<?php echo $this->helper('customer')->getAccountUrl(); ?>" data-target-element="#header-account" class="skip-link skip-account"> 
        <span class="icon"></span> 
        <!-- <span class="label"><?php echo $this->__('Account'); ?></span> --> 
       </a> 


       <!-- Cart --> 

       <div class="header-minicart"> 
        <?php echo $this->getChildHtml('minicart_head'); ?> 
       </div> 
      </div> 


     </div> 

     <!-- Navigation --> 

     <div id="header-nav" class="skip-content"> 
      <?php echo $this->getChildHtml('topMenu') ?> 
     </div> 

     <!-- Search --> 

     <div id="header-search" class="skip-content desktop-only"> 
      <?php echo $this->getChildHtml('topSearch') ?> 
     </div> 

     <!-- Account --> 

     <div id="header-account" class="skip-content"> 
      <?php echo $this->getChildHtml('topLinks') ?> 
     </div> 
    </div> 



    <!--<div id="header-search" class="desktop-only"> 
      <?php echo $this->getChildHtml('topSearch') ?> 
     </div>--> 
</header> 


<?php echo $this->getChildHtml('topContainer'); ?> 
</div> 

Answer 1

チェック

float : right; 

もしそうなら、追加を次のように第1項目としての第4アイコン。それからそれは最後に表示されます（3つの画像の後）