Question

The below style is causing mis-alignment of div element :

I don’t know where this style is being set, ive searched the code base
but this seems to be set by the browser ?

How can this style be removed, when I remove the ‘left’ style using Chrome I get correct alignment. Where is this style being set ?

Here is the div where the style is being set:

This is the code :

<div class="multipleColumns" >

But when I inspect the element on Chrome this is the code :

<div class="multipleColumns" style="left: auto; display: none;"

So it seems the styles ‘ style=”left: auto; display: none;’ are being injected at runtime ?

Answer 1

element.style indicates that there is an inline style on the element which is not being read from the stylesheet.

e.g.

css

span.mystyle{ color: blue; }

html

<span class="mystyle" style="color: red;">test</span>

This will result in red text rather than blue.

The inline style will override your stylesheet styling, so you need to identify where this is being added to the element and remove it.

Update

Based on your edited question. It would seem as though the inline style is being added via JavaScript. You will need to find out where this is.