Platziere 2 Knöpfe horizontal

Question

Ich möchte wissen, wie man 2 Knöpfe horizontal mit Abstand zwischen ihnen legt.

Irgendwelche einfachen HTML- und CSS-Code-Schnipsel, die jemand teilen könnte?

konnte ich kein gutes Beispiel finden

Answer 1

Es gibt mehrere Möglichkeiten, hier ein sehr einfaches Beispiel mit Schwimmern ist:

https://jsfiddle.net/dbb8xk38/

<button class="button-1">Example</button> 
<button class="button-2">Example 2</button> 

button{ 
    float: left; 
} 

.button-2{ 
    margin-left: 15px; 
} 

ich Ihnen dringend w3school zu gehen fördern würde CSS-Tutorial, es wird Ihnen erstaunliche Dinge beibringen.

http://www.w3schools.com/css/default.asp

Hinweis: Falls mit Tasten, die Sie nicht einmal, sie zu schweben haben, standardmäßig werden sie nebeneinander kommen. Aber mit Elementen wie einem Div müssten Sie schweben.

Answer 2

Je nachdem, was Sie mit dem Rest der Seite erreichen möchten, in Bezug auf das Layout und die Stile, die Sie auf andere Schaltflächen und andere HTML-Steuerelemente anwenden möchten.

http://www.w3schools.com/css/css_margin.asp

HTML:

<button>Button 1</button> 
<button>Button 2</button> 

CSS:

button { 
    margin-left:20px; 
} 

Der HTML/CSS oben findet einen 20 Pixel breiten Rand auf der linke Seite von jedem Knopf. Wenn Sie es nur auf eine Schaltfläche anwenden müssen, benötigen Sie eine separate Klasse oder einen Inline-Stil.

z.

CSS:

.buttonSpaced { 
    margin-left:20px; 
} 

Und dann gelten nur diesen Stil in die 2. Taste nur.

HTML:

<button class="buttonSpaced">Button 2</button> 

Oder Sie könnten es nur inline tun, wenn es nicht wahrscheinlich ist, wieder verwendet werden ...

<button style="margin-left:20px;">Button 2</button>