Можно проверить stratey, используемый Apple iPod для хранения, это - мультимедийный контент. Существуют папки на одном уровне глубины и файлов с заголовками той же ширины. Я полагаю, что парни Apple инвестировали много времени в тестировании их решения, таким образом, это может принести некоторое мгновенное преимущество Вам.
Есть много способов сделать это с помощью CSS, и у каждого есть свои плюсы и минусы. Один из способов - использовать относительное позиционирование. Быстрый пример может работать следующим образом:
<span class="fraction">
<span class="numerator">3</span>
<span class="denominator">4</span>
</span>
И CSS, чтобы соответствовать этому:
span.fraction { }
/* Or child selector (>) if you don't care about IE6 */
span.fraction span.numerator {
position:relative;
top:-0.5em;
}
span.fraction span.denominator {
position:relative;
top:0.5em;
left:-0.5em; /* This will vary with font... */
}
Этот конкретный пример будет работать лучше, если вы используете моноширинный шрифт.
Ну, с обычным ванильным HTML этого не сделать. Как уже упоминалось, используйте CSS. Но вам также понадобится позиционирование!