posisi form

saya lagi bikin form untuk login, nah gimana ya caranya supaya kotak formnya itu berada di tengah layar, soalnya udah nyoba macem-macem gagal terus

Terimakasih

avatar Dewaaditya
@Dewaaditya

18 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

6 Jawaban:

saya sih biasanya pake ini..


div{
  text-align: center;
} /* div adalah parent form tsb*/

bisa juga pake tag ini



<center>
 <!-- Element form -->
</center>

avatar pemudakoding
@pemudakoding

342 Kontribusi 120 Poin

Dipost 6 tahun yang lalu

coba form nya di bungkus sama div terus si div nya ini di kasih display : inline-block; nah biar ke tengah kasih text-align: center; di parent div nya

avatar hafizdjubaidir
@hafizdjubaidir

110 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

Bungkus didalem div trus atur dicssnya margin 0 auto

avatar BroGoeh
@BroGoeh

121 Kontribusi 47 Poin

Dipost 6 tahun yang lalu

Semoga berhasil dengan ini.

<style>
form {
  width: 300px; /* Tentukan lebar form */
  margin: 0 auto; /* Membagi rata margin kiri dan kanan */
}
</style>
avatar alvipan
@alvipan

10 Kontribusi 3 Poin

Dipost 6 tahun yang lalu

kalo saya biasanya sih begini..

 <style>
   #tengah{
      margin: 20px auto;
   }
</style>
<div id="tengah">
   <form>
      <!-- etc -->
   </form>
</div>

avatar ZeroOption
@ZeroOption

38 Kontribusi 8 Poin

Dipost 6 tahun yang lalu

tinggal di tambahin tag <center></center> di dalam tag htmlnya :v

contoh


<center>
<div class="kotak_form">
  <form></form>
</div>
</center>

avatar JoksKur
@JoksKur

139 Kontribusi 49 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban