Horizontal rule and CSS problem 2

[PeDa]

The following code is intended to show left- and right-aligned text with <hr> just above and below. This works fine if the two texts fit on one line. If their combined width is greater that the screen width, the right-aligned text appears below the left-aligned one (which is what I want), but the bottom <hr> is between the two texts, and not below the bottom one. Any suggestions?

<hr style='padding:0px;margin:0px;'>
LEFT_TEXT<span style="float:right">RIGHT_TEXT</span>
<hr style='padding:0px;margin:0px;'>

 

[feherke]

Hi

You have to [tt]clear[/tt] the floating where you want to stop putting the pieces side by side :

<hr style='padding:0px;margin:0px;'>
LEFT_TEXT<span style="float:right">RIGHT_TEXT</span>
<hr style='padding:0px;margin:0px;[highlight]clear:right[/highlight]'>

Feherke.
feherke.github.io

 

[PeDa]

Hello Feherke,
Yes indeed; many thanks (once again!)
Peter Da