captcha изображение не отображается inline

Question

Я использую Captcha helper от Codeigniter.

Когда я эхо изображение в форме, он всегда подталкивает следующий элемент к новой строке.

Как я могу отобразить входное поле inline с изображением captcha?

.captcha img 
    { 
    display:inline; 
    float:left; 
    } 
</style> 

<tr> 
    <td height="35" align="right">กรอกรหัสภาพ</td> 
    <td valign="bottom"></td> 
    <td valign="bottom"> 
     <div class="captcha"><?php echo $captcha['image']; //this is img tag so you can style it through img ?> 
     <input name="userCaptcha" type="text" value="<?php if(!empty($userCaptcha)){ echo $userCaptcha;} ?>" style="width:80px;float:left;" /> 
     </div> 
    </td> 
</tr> 

Answer 1

Вы должны включить текстовое поле ввода внутри вашего <span> тега см ниже

<span style="float:left;"> 
    <?php echo $captcha['image']; ?> 
    <input name="userCaptcha" type="text" value="<?php if(!empty($userCaptcha)){ echo $userCaptcha;} ?>" class="input_zone" style="width:80px;float:left;" /> 
</span> 

В случае это не работает, вы можете попробовать другие теги, как <div> и обновление стиль, см. мой образец

<div style="display:inline; float:left;"> 
    <?php echo $captcha['image']; ?> 
    <input name="userCaptcha" type="text" value="<?php if(!empty($userCaptcha)){ echo $userCaptcha;} ?>" class="input_zone" style="width:80px;float:left;" /> 
</div> 

Answer 2

просто добавьте этот стиль:

.captcha{display:inline; } 

и удалить float:left; изнутри <input блока.

Answer 3

поплавок: левый и дисплей: линия не работает на всех , но хорошо я использую

.captcha img 
    { 
    position:absolute; 
    } 

и работать.