Мешать не должен. CSS накладывает правила последовательно. Чем ниже — тем дальше в очереди наложения. Кроме того, есть ещё приоритеты наложения. Реально, откройте по F12 в браузере и посмотрите что перетирает ваше правило.
эммм нууу например для первых указать float:left + const width, для правых float:right + const width
Я не знаю, получится ли. А вообще, лучше это делать div-ами
Так как на canvas возможна подобная sin/cos анимация, то вполне возможно сделать с флагом такое с меняющимся рандомно коэффициентом. jsfiddle.net/umaar/fWSUk