Мне интересно, какие параметры у вас есть в xhtml 1.0 strict, чтобы создать строку с обеих сторон текста, например:
Section one ----------------------- Next section ----------------------- Section two
Я подумал о том, чтобы сделать некоторые причудливые вещи вроде этого:
<div style="float:left; width: 44%;"><hr/></div>
<div style="float:right; width: 44%;"><hr/></div>
Next section
Или, наоборот, потому что вышеизложенное имеет проблемы с выравниванием (как по вертикали, так и по горизонтали):
<table><tr>
<td style="width:47%"><hr/></td>
<td style="vertical-align:middle; text-align: center">Next section</td>
<td style="width:47%"><hr/></td>
</tr></table>
У этого также есть проблемы с выравниванием, которые я решаю с помощью этого беспорядка:
<table><tr>
<td style="border-bottom: 1px solid gray; width: 47%"> </td>
<td style="vertical-align:middle;text-align:center" rowspan="2">Next section</td>
<td style="border-bottom: 1px solid gray; width: 47%"> </td>
</tr><tr>
<td> </td>
<td> </td>
</tr></table>
В дополнение к проблемам с выравниванием, оба варианта чувствуют себя "fudgy", и я был бы очень благодарен, если бы вы случайно это видели и знали об элегантном решении.