Php 点击按钮后，文本显示在下面

请访问

如图所示

请在邮政编码中输入“560043”并单击“鼠标按钮”。然后在图像下方显示文本“Check COD Availability At”。但我想在点击“检查”按钮后显示上面的文本

css

.block-check-delivery .block-title strong {background-image:none; font-size: 11px;}
.block-check-delivery .block-content {padding:0 10px;  }
.block-check-delivery input{width: 107px;}
  .block-check-delivery .button {
/*  float: right;   */
position:relative;
left:10px;
    }

.block-check-delivery .block-content > br:first-child {
  display: none;
}

.block-check-delivery .block-content > br:last-child {
  display: none;
}


.block-title {
    position: relative;
    padding: 10px 0 0;
    margin-bottom: 5px;
    // border-top: 1px solid #cccccc; // remove this...
    border-top: none !important; // Add this
    display: inline-block; // 
}

.block-content {
    margin-top: 5px;
    display: inline-block; // 
}


.block-title {
    position: relative; 
    padding: 10px 0 0; 
    margin-bottom: 5px;
    border-top: none;
    display: inline-block; 
    } 

    .std ul { 
    list-style: disc outside; 
    /* margin-bottom: 1.5em; */ 
    }


.product-view .product-shop .short-description { margin-bottom: 5px; clear: both; }

.block, .col-left-first  { margin-bottom:10px; }

phtml

<div class="block block-list block-check-delivery">
    <div class="block-title">
        <?php $blockLabel = Mage::getStoreConfig('checkdelivery/general/block_title'); ?>
        <strong><span><?php echo $this->__($blockLabel) ?></span></strong>
    </div>
    <div class="block-content" >        
        <br>
            <input name="zipcode" size="17" type="text" id="zipcode" value="<?php echo Mage::getModel('core/cookie')->get('zip'); ?>" maxlength="10" class="input-text" placeholder="<?php echo $this->__('Enter ZIP Code'); ?>"/>
            <button type="button" name="zip-check" title="Check" class="button" id="zip-check" ><span><?php echo $this->__('Check'); ?></span></button>
            <div id="delivery-message"></div>
            <?php $defaultHtml = Mage::getStoreConfig('checkdelivery/general/default_html'); ?>
            <div id="delivery-html"><?php if(Mage::getModel('core/cookie')->get('message')){
    echo Mage::getModel('core/cookie')->get('message');
}
else{
    $defaultHtml; } ?></div>

        <br>        
    </div>
</div>

您可以在此类中添加此css。块标题：

.block-title {
  border-top: medium none;
  display: inline-block;
  margin-bottom: 5px;
  padding: 10px 0 0;
  position: relative;
  float: left;
}

您可以在此类中添加此css。块标题：

.block-title {
  border-top: medium none;
  display: inline-block;
  margin-bottom: 5px;
  padding: 10px 0 0;
  position: relative;
  float: left;
}

只需添加以下css

.block-title{
   float:left;
}

只需添加以下css

.block-title{
   float:left;
}

只需将float left添加到.block title即可。@sagarkodte将您的评论作为答案发布。有人已经回答了。。如果它不起作用，那么给JSFIDLE链接或制作一个片段。是的，效果很好，因为你的评论第一次回答了我，我希望你的答案被接受，所以我通知了。完成了，谢谢…只需将float left添加到.block title。@sagarkodte将你的评论作为答案发布有人已经回答了。。如果它不起作用，那么给JSFIDLE链接或者制作一个片段。是的，效果很好，因为你的评论第一次回答了我，我希望你的答案被接受，所以我通知了。完成了，谢谢。。。