How to achieve two different alignments inside a html option tag?
问题 I have a select html tag with country calling codes. <select name="countryCallingCode" id="countryCallingCode"> <option value="1"><span class="name">Afghanistan</span><span class="code">+93</span></option> <option value="2"><span class="name">Albania</span><span class="code">+355</span></option> <option value="3"><span class="name">Algeria</span><span class="code">+213</span></option> </select> I want the name to be left aligned and the code to be right aligned. Presentation should look like: