I am attempting to center everything and am running into an issue where the lookup results are still left-aligned.
I had hoped all this CSS would cover it, but seems to make no difference. Does anyone know the CSS selector for single-line lookup results?
#q93 {
text-align: center; /* Center content within the #q93 container */
}
#q93 .cf-label,
#q93 .cf-field,
#q93 .lookup-results {
display: block; /* Make the label, field, and results block-level elements */
text-align: center; /* Center the text inside the label, field, and results */
margin: 0 auto; /* Center the block elements within their parent */
}
#q93 input,
#q93 select,
#q93 textarea {
text-align: center; /* Center the text inside input, select, and textarea fields */
width: 130px; /* Set the width of the input field */
margin: 0 auto; /* Center the input fields within their parent */
display: block; /* Ensure input fields are block-level elements */
}
#q93 .lookup-results {
width: 100%; /* Ensure the results container takes full width */
text-align: center; /* Center the text inside the results container */
display: flex; /* Use flexbox to align items */
justify-content: center; /* Center align the content */
flex-wrap: wrap; /* Allow content to wrap */
}
#q93 .lookup-results div {
display: inline-block; /* Display individual results inline-block */
text-align: left; /* Align text inside individual results to the left */
margin: 5px; /* Add some margin for spacing */
}
Example of what I am seeing:
Thank you in advance.