Как поставить форму рядом с IMG?

Question

Как поставить форму рядом с IMG?

0

Я хочу сделать следующее:

IMG INPUT TEXT INPUT TEXT SUBMIT

и все это сосредоточено, поэтому я не могу использовать просто плавающее. Все, что у меня есть:

<img src="lws_img.gif" />
<form>
    <input type="text" placeholder="1" name="1" />
    <input type="text" placeholder="2" name="2" />
    <input type="submit" />
</form>

Кроме того, все входные тексты + должны быть такими же высоченными, как и изображение.

John Smith 09 янв. 2014, в 10:53

Источник

0

Вы добавили тег CSS, вы используете какой-либо CSS?
Jacob Tomlinson 09 янв. 2014, в 09:06

Теги:

html

css

3 ответа

Ещё вопросы

Вы добавили тег CSS, вы используете какой-либо CSS?

Mohsen Safari · Answer 1 · 2014-01-09T07-25-00.000Z

использовать это:

демонстрация

HTML

<form>
    <img src="lws_img.gif" />
    <input type="text" placeholder="1" name="1" />
    <input type="text" placeholder="2" name="2" />
    <input type="submit" />
</form>

CSS

form{ text-align:center }
form img, form input{
    display:inline-block;
}

NoobEditor · Answer 2 · 2014-01-09T07-05-00.000Z

display:table также является решением

демо: http://jsfiddle.net/sS8HB/3/ Вверх

demo2: http://jsfiddle.net/sS8HB/4/ Выровненный по центру

CSS

.master{
    display:table;
}
.img,.frm{
    display:table-cell;
    vertical-align:top; /* for top aligned */
    /*vertical-align:middle; /* for middle aligned */
}

HTML

<div class="master">
    <div class="img">
        <img src="http://upload.wikimedia.org/wikipedia/commons/1/1b/Square_200x200.png" />
    </div>
    <div class="frm">
        <form>
            <input type="text" placeholder="1" name="1" />
            <input type="text" placeholder="2" name="2" />
            <input type="submit" />
        </form>
    </div>

wickywills · Answer 3 · 2014-01-09T06-45-00.000Z

Что-то вроде этого

CSS:

.centerIt { text-align:center; } 
img,form,input { display:inline; }