html - ASP.NET 如何将文本设置到图像的右侧

Question

我正在制作一个网站，但遇到了一些问题。我有一个图像和一些文本，但文本一直在图像下方 如何将文本设置到图像的右侧？

这是我的一些代码。

<img src="~/Images/Billede%20af%20mig.PNG" height="254px" width="200px" />

<section class="contact">
    <header>
        <h3>Telefon:</h3>
    </header>
    <p>
        <span class="label">Mobil nummer:</span>
        <span></span>
    </p>
</section>

<section class="contact">
    <header>
        <h3>E-mail:</h3>
    </header>
    <p>
        <span class="label">Spørgsmål:</span>
        <span><a href="mailto:info@mail.nu">Info@mail.nu</a></span>
    </p>

我的 CSS

    /* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

Answer 1

将你的内容放在div中并给它们设置样式

<div>
    <div style="float:left;">
        <img src="~/Images/Billede%20af%20mig.PNG" height="254px" width="200px" />
    </div>
    <div>
        <section class="contact">
            <header>
                 <h3>Telefon:</h3>

            </header>
            <p> <span class="label">Mobil nummer:</span>
 <span></span>

            </p>
        </section>
        <section class="contact">
            <header>
                 <h3>E-mail:</h3>

            </header>
            <p> <span class="label">Spørgsmål:</span>
 <span><a href="mailto:info@mail.nu">Info@mail.nu</a></span>

            </p>
        </section>
    </div>
</div>

看看我创建的这个 fiddle

http://jsfiddle.net/yadUR/3/