body { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; /* Full viewport height */ margin: 0; } .form-container { background-color: #ffffff; /* Brighter box color */ padding: 20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); width: 50%; /* Set width of the form */ } /* The morbid thing */ table.logins-input-table { width: 100%; border-collapse: collapse; /* Combine borders */ } .logins-input-td1, .logins-input-td2 { border: none; } .logins-input-td1 { padding-right: 5px; white-space: nowrap; /* Prevent text wrap, keeping it in one line */ overflow: hidden; /* Hide overflow content */ text-overflow: ellipsis; /* Show ellipsis for overflowing text */ } .logins-input-td2 { width: 100%; }