cara supaya tag html tidak mengambil 100% lebar layar

belajar css gan...

<div style="width:50%"></div>

ane juga udah gitu gan dah mau, tapi malah jadi disamping ngatasinnya gimana ?

lah maunya yg kya gmn gan ??? coba kodenya

Coba pelajari lagi gann tentang css, disana udahh sangat sangat jelas sekali diterangkan..

https://sekolahkoding.com/kelas/belajar-css-dari-dasar

@dagimal coba diperjelas lagi pertanyaan apa. Agan code html dan css-nya seperti apa, masalah tampilannya bagaimana, yang ingin agan mau seperti apa. kalau pertanyaannya kurang jelas yang lain juga bingung. sebisa mungkin jelaskan apa yg telah agan lakukan dan seperti apa masalahnya.

Float:left

heheh sorry gan ,soalnya ane kalo belajar suka pindah2 css belum selesai pindah php dsb. wkwkwk ane pelajari lagi gan

gini gan ,ane dah kasih width 50% gan tapi malah kekiri gini gan ,ane maunya ditengah

kodenya gan?

Gk usah pakee width.. Di tiap element taroh style='float:left' Element yanf agan inginkan

@dagimal coba tambahin:

margin: 0 auto;

ini html nya gan

 <div class="kontainer">
    <h1 class="kategori">Silahkan Login gan!</h1>
    <br><br>
    <form action="" method="post" class="login">
      <label for="nama">Username</label><br>
      <input type="text" name="nama" value="" placeholder="Masukkan username anda" style="max-width:100%;"><br><br>

      <label for="password">Password</label><br>
      <input type="password" name="password" value="" placeholder="Masukkan Password anda" class="userpass" style="max-width:100%;"><br><br>
      <input type="checkbox" class="form-checkbox"> Show password </input>

      <div id="error"><?=$error ?></div>
      <br>
      <input type="submit" name="submit" value="submit" class="submit">
    </form>

    <script type="text/javascript">
    	$(document).ready(function(){
    		$('.form-checkbox').click(function(){
    			if($(this).is(':checked')){
    				$('.userpass').attr('type','text');
    			}else{
    				$('.userpass').attr('type','password');
    			}
    		});
    	});
    </script>

    <br>
  </div>

ini css nya gan

 .kontainer{
    width: 50%;
    margin-top: 5%;
    background-color: #99cfa8;
    text-align: center;
  }

@Dodi123 kalo float:left malah kekiri dong gan ??

cara saya gini

.kontainer{
    width: 50%;
    margin-top: 5%;
    background-color: #99cfa8;
    text-align: center;
    margin-left:24%;
    margin-right:24%;
  }

tapi mungkin ada yg lebih ahli

Edit margin-top jadi gini:

.kontainer{
   margin: 5% auto 0;
}

@Nandar harus set margin left and right nya ya gan, gak bisa otomatis ya gan ??

ya mungkin gan, itu sih cara saya hehe

@onirusama gak bisa gan, jadinya malah naik nggak ketengah :(

Dipelajari lgi aja dehh gan ttg css..

Disana udah sangat jelas sekali, setelah itu silahkan dicoba coba..

biasa memang saat memulai belajar, kadang buru2. yang diedit atau diganti margin-top menjadi margin. tetap jaga aja semangatnya. check this: https://jsbin.com/bacaroroni/2/edit?html,css,output