Question

I’m working on a project, and I need know how I can force breakline, giving preference to a float:right element.

See this picture:

There are some CSS attribute that I can use to work with this case? I have tried clear: left, but nothing.

Code: jsFiddle

Out of script: what you think that have a better visual? :p

Answer 1

The easiest way is to move your element with float: right to before your other elements:

See: http://jsfiddle.net/G9UAR/1/

<div class="message">
    <ul>
        <li><a href="./User/options/Language">Alterar preferências de idioma</a></li>
        <li><a href="./User/options/Language">Alterar preferências de idioma</a></li>
    </ul>
    <strong>Informação:</strong>
    <span>A página não está disponível em seu idioma. O inglês está sendo usado.</span>
    <br />
</div>

It is (probably) possible to do without switching around the HTML, but that answer would be a lot more complicated.