<p>How does Google manage to properly align the second column <em>(i.e. the ticker name)</em> in the "Get Quotes" search box suggestion drop-down in <a href="http://finance.google.com" rel="nofollow noreferrer">google finance url</a></p>

<p><strong>Example:</strong> If you enter <code>iii</code> - the second column is perfectly aligned.</p>

<p>It does not use a fixed width font - so just adding the correct numbers of spaces to the <em>ticker</em> will not work.</p>

<p>How do they do that?
­­­­­­­­­­­­­­­­­­­­­</p>

[{'answer_id': 50820, 'author': 'Darren Kopp', 'author_id': 77, 'author_profile': 'https://Stackoverflow.com/users/77', 'pm_score': 1, 'selected': False, 'text': '<p>most likely just using margins. float the first column left then set the margin to the width of the first column.</p>\n'}, {'answer_id': 51245, 'author': 'travis', 'author_id': 1414, 'author_profile': 'https://Stackoverflow.com/users/1414', 'pm_score': 0, 'selected': False, 'text': '<p>I just viewed source with a DOM inspector and it appears that they are <code>span</code>s for each cell with a margin set (as Darren said) to position the right column over.</p>\n'}]
['https://Stackoverflow.com/questions/50814', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/-1/']