This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(51.2, 84%, 14%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EAA%3C/text%3E%3C/svg%3E)
Hi,
I am using windows 10 and VS2019.
I am loading HTML file in CDHTMLDialog.
The HTML file has select and label tags.
In IE9 and Microsoft Edge, the label text is center aligned to select/option tag.
In CDHtmlDialog, the label text is bottom aligned to select/option tag.
In CDHtmlDialog I want the alignment as in browser. Please help me.
I suggest you could try to use: vertical-align: middle;
You could refer to the link: https://stackoverflow.com/a/46148853/11872808
In browser,by default alignment is fine. Why CDHtmlDialog shows different alignment.
vertical-align: middle; is not helped for CDHtmlDialog.
vertical-align: middle; is helped for CDHtmlDialog.
Here is my code:
<label for="car-select" style="font-size:20px;vertical-align: middle">Choose a car:</label>
<select name="cars" id="car-select" style="vertical-align: middle">
Thanks a lot JeanineZhang.
Previously I applied vertical-align:middle only to label thats why it did not work.
If I put label and select inside div and apply style vertical-align:middle to div, it is not working why?
<div style="vertical-align: middle;">
<label for="cars">Choose a car:</label>
<select name="cars" id="cars" >
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
The vertical-align only applies to inline, inline-block and table-cell elements: you can't use it to vertically align block-level elements.
In browser applying style vertical-align:middle to div is working for select and label element
I suggest you could refer to the link: https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
As far as I'm concerned, in browser applying style vertical-align:middle to div may be not working for select and label element.
Refer to the thread: https://stackoverflow.com/questions/16629561/why-is-vertical-align-middle-not-working-on-my-span-or-div
May I know if you have got any chance to check my answer? I am glad to help if you have any other questions.