Элемент не плавает правильно

Question

Контакт

Хотите узнать больше?

U kan mij 7 dagen op 7 bereiken.

Как вы можете быть?

Телефон

+ 32 (0) 495842704

E-mail

...

Я хочу, чтобы раздел E-mail перемещался справа от раздела Telefoon.Как мне это сделать?Я уже пытался присвоить float: left элементу Telefoon h3, но это не сработало.Любая помощь приветствуется!Спасибо!

Answer 1

правый элемент поплавка должен быть выше левого элемента поплавка

<div style="float: right;"> 
   </div> 
<div style="float: left;"> 
   </div> 

Answer 2

Завершение каждого блока или "столбца" во внешнем div, вероятно, будет лучшим способом для достижения этого.

Например:

<div style="float: left;">
    <h3>Telefoon</h3>
    <p>+32(0)495842704</p>
 </div>
 <div style="float: right;">
     <h3>E-mail</h3>
     <form action="mailer.php" method="post" onsubmit="MM_validateForm('E-mail','','RisEmail','Onderwerp','','R','Verificatie','','R','Bericht','','R');return document.MM_returnValue">
         <fieldset>
             <label>Uw e-mailadres:</label>
     <input name="E-mail" id="E-mail" value="" type="text">
     <label>Onderwerp:</label>
     <input name="Onderwerp" id="Onderwerp" value="" type="text">
     <label>Getal op afbeelding:</label>
     <input name="Verificatie" id="Verificatie" maxlength="4" type="text">
     <img src="verificationimage.php?3420" alt="verificatie-afbeelding" height="24" width="50">
     <label>Bericht:</label><textarea name="Bericht" cols="6" rows="5" id="Bericht"></textarea>
     <input name="Stuur bericht" id="submitbutton" value="Stuur bericht" type="submit">
        </fieldset>
    </form>
</div>

Answer 3

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

Answer 4

Вы должны попытаться обернуть элементы внутри div и установить для атрибута float значение div. Я рекомендую вам использовать BlueprintCSS . Эти рамки помогут вам с макетом вашего сайта.