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.