Wed, 2016-03-02 14:42
Hello,
Question:
i have an icon in a button element and i want the icon to have some margin/padding on the left.
how do i address this element in css?
<button type="button" class="btn btn-red">red<i class="button-icon-right fa fa-power-off"></i></button>
i thought it would be:
.i button-icon-right fa {
i also tried
i .button-icon-right fa {
but the element never changes...
can anyone help me out?
//mod edit: bbcode added ~gt
Wed, 2016-03-02 14:44
#1
the html element was: <button
the html element was:
<button type="button" class="btn btn-red">red<i class="button-icon-right fa fa-power-off"></i></button>
(i couldnt find a way to edit my post 
)
Wed, 2016-03-02 17:32
#2
"i" is an element, not a
"i" is an element, not a class, so ".i" is wrong.
"fa" is not an element, so the css syntax is wrong. Further, it is not descended from ".button-icon-right"
Try this,
i.button-icon-right {...}
cheers,
gary