membuat box dengan margin 50% dan tanpa scroll di html css
Berikut adalah contoh HTML dan CSS untuk membuat sebuah div tengah dengan bantuan margin 50% dan tanpa scroll:\n\n```html\n<div class=\"container\">\n  <div class=\"content\">\n    <p>Text yang ingin ditengah</p>\n  </div>\n</div>\n```\n\n```css\nhtml, body {\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.container {\n  height: 100%;\n  position: relative;\n}\n\n.content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  max-width: 500px;\n  text-align: center;\n}\n\np {\n  margin: 0;\n}\n```\n\nDalam contoh di atas, elemen html dan body diberi tinggi 100% untuk memastikan container mengambil seluruh layar. Kemudian, kita mengatur container dengan position relative untuk membuat posisi konten absolute dapat diatur relative terhadap container. Pengaturan position absolute pada elemen content akan memusatkan konten di dalam container menggunakan top: 50% dan left: 50%. Kita juga menggunakan transform untuk menggeser konten tepat di tengah dengan translate(-50%, -50%). Selain itu, kita juga membatasi lebar maksimum konten agar konten tidak terlalu lebar dan terlihat rapi. Terakhir, jangan lupa mengatur margin 0 pada elemen p agar teks terlihat rapi. Dengan demikian, kita berhasil membuat box dengan margin 50% dan tanpa scroll di HTML dan CSS.