Formular und Button nebenan auf w3css anzeigen

Question

Ich benutze w3.css in meinem codeiniter Projekt und möchte sie nebeneinander stellen.

Hier ist mein Code:

<a type="button" class="w3-btn w3-blue w3-pull-left" href="http://localhost/cblog/posts/ikkinchi-post">Tahrirlash</a> 
<form action="http://localhost/cblog/posts/delete/2" method="post" accept-charset="utf-8"> 
    <input type="submit" value="O`chirish" class="w3-btn w3-red"> 
</formm> 

Answer 1

Warum haben Sie type = "button" -Attribut auf Ihren Link?

Um ihren Stil, um die Elemente in einer Zeile ändern anzuzeigen:

display: inline-block; 

Oder wenn Sie padding nicht

brauchen

display:inline; 

So wird es

a,form{ 
    display:inline-block; 
} 

Answer 2

wie folgt aussehen

Sie können die documentation für W3.css betrachten und sehen, ob es eine Klasse gibt, die ein Element anzeigen wird Inline und vielleicht die Klassen für Navigationsleisten verwenden. Wenn nicht, können Sie selbst eine Klasse erstellen und sie dem gewünschten Element zuweisen.

.displayInline { display: inline;}