title: How to set visibility of html element in html
body: <p>if there is a visualforce element then we set visibility according to the redered attribute .
  =but i have to set visibility of visualforce according to data of html element</p>
  
  <pre><code>    &lt;p style="display:{! IF(userSettings == null &amp;&amp; $Profile.Name !='System Administrator','visible','hidden')}"&gt;Click on the authorize to authorize your self to Google GLASS Account &amp;nbsp;&lt;apex:commandButton value="Authorize" action="{! authorizeApp}"  /&gt;
  </code></pre>
  
  <p>i want to set visibility but its showing me the p element in every case.please guideline how to do this ??</p>