Wie erstelle ich zwei Boxen, um Inhalte in Ihnen, neben einander?

Ich will zwei Boxen neben einander. Ich habe versucht, viele versuche zum erstellen von Boxen neben einander, aber der code immer gießt, außerhalb der box. Wenn jemand helfen könnte wäre es sehr zu schätzen wissen.

Wenn Sie teilen können Sie den code auf, was Sie haben probiert, bis jetzt wäre es toll

InformationsquelleAutor user2773016 | 2013-09-13

  1. 5

    Etwa so:

    CSS:

    .box {
    float: left;
    width: 200px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px;
    border: 2px solid blue;
}

    HTML

    <div class="box">Lorem</div>
<div class="box">Ipsum</div>

    Sehen dieses jsFiddle zu sehen, den code in Aktion.

    InformationsquelleAutor chopper

  2. 0

    Können Sie erstellen, indem Sie einfach mit "display:inline-block".
    Und wenn Sie denken, die Höhe kann unterschiedlich für jede box, dann verwenden Sie "vertical-align:top" mit.

    Sehen Sie bitte den folgenden code:
    HTML

    <div>ddbsakdyagdkyhasd<br/> <br/> </div>
<div>ddbsakdyagdkyhasd ddbsakdyagdkyhasd ddbsakdyagdkyhasd
    <br/> 
    ddbsakdyagdkyhasd ddbsakdyagdkyhasd ddbsakdyagdkyhasd ddbsakdyagdkyhasd <br/> 
    ddbsakdyagdkyhasd ddbsakdyagdkyhasd ddbsakdyagdkyhasd
</div>

    CSS

    div {
    display: inline-block; 
    width:200px; 
    border:1px solid; 
    vertical-align:top
}

    Entnehmen Sie bitte Fiddle:- http://jsfiddle.net/e6WqU/

    Lassen Sie mich wissen, wenn dieses für Sie arbeitet.

    Genießen!!

    InformationsquelleAutor UID

Schreibe einen Kommentar