Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Membuat titik dua sejajar di php
Hallo selamat pagi teman2, gimana buat titik dua nya sejajar ya? tanpa mengatur nya satu persatu?
trimksi..
<p style="text-align:justify">Adapun data-data mengenai diri saya sbb :</p>
<br>
<td> Nama Lengkap</td>
<span style="padding-left:500px;"><td> : </td></span>
<td class="borderData" style="width:50%;text-align:left;vertical-align:top;"><?=$data['inp_nama']?></td> <br><br>
<td> Warga Negara</i></td>
<span style="padding-left:500px;"><td> : </td></span>
<td class="borderData" style="width:50%;text-align:left;vertical-align:top;"><?=$data['inp_warga_negara']?></td></br></br>
<td> Jenis Kelamin</i></td>
<span style="padding-left:500px;"><td> : </td></span>
<td class="borderData" style="width:50%;text-align:left;vertical-align:top;"><?=$data['inp_jk']?></td></br></br>
image.png
2 Jawaban:
<div>Untuk penampilan, semuanya berada di CSS.<br>Ada banyak cara mengatur text dan titik dua jadi sejajar.<br><br>1. Atur properti "width" dari label yang di seblah kiri. Bikin semua widthnya sama di CSS, untuk lable yang di sebelah kiri<br><br>2. Bungkus semua properti label di satu div yang sama, Titik dua div berikutnya, dan isi dari label di div berikutnya lagi. Tmapilkan dalam bentuk flex</div>
Tanggapan
trimakasi banya mas hilman..
Jawaban Terpilih
<div>Coba seperti ini :</div><pre><style> table { width: 100%; } /* Mengatur width kolom pertama / table tr td:first-child { width: 120px; } / Mengatur width kolom ke-2 */ table tr td:nth-child (2) { width: 10px; } </style> <table> <tr> <td>Name</td> <td>:</td> <td>John Doe</td> </tr> <tr> <td>Dob</td> <td>:</td> <td>1999-02-22</td> </tr> <tr> <td>Country</td> <td>:</td> <td>United State of America</td> </tr> <tr> <td>Phone</td> <td>:</td> <td>+1 291892819</td> </tr> </table></pre><div><br>Hasilnya bisa cek disini https://codepen.io/ahanafi/pen/BaVVbJG</div>
Tanggapan
bisa bang.. trimkasi banya bg..