Haml: How to set inline style for element in HAML

Question

Here is my code:

<div class='some' style='position: absolute; left: 300; top: 300;'>..</div>

It parses only style='position: absolute', and doesn't parse the other styles. How can I achieve this?

The answer given is correct, but it missed a far more important point: you shouldn't ever be using inline styles. Define a CSS class and do it right. — Marnen Laibow-Koser
It was temporary solution :) try something and clear all changes. That's why I was looking for this :) — ValeriiVasin
What about when you are dynamically setting a background image? That's when I use inline styles. — Joel Brewer
@JoelBrewer I think that for that, I’d dynamically generate a CSS override file (or use JavaScript) in preference to using inline styles. — Marnen Laibow-Koser

dnch dnch · Accepted Answer · 2011-11-11T05:24:00

It would have been handy if you'd posted the HAML you're using, but this is how it's done:

%div.some{ :style => "position: absolute; left: 300px; top: 300px;" }