Aligning text with icon

Comments

• Pablo

  March 2019 edited March 2019

  Hi,

  Please use this code to make the text and icon be in the same line:
  

  <b>Watch</b> Next <i class="icon-lamp" style="display:inline-block; font-size:25px;"></i>

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• kgopala

  March 2019

  Thanks for the solution. It works as the icon now doesnt move into 2nd line and is next to the text. But somehow the icon is slightly above the font and not exactly in line.
  
• Pablo

  March 2019 edited March 2019

  This is normal behavior because it's in the same column, you would have to create more advanced HTML code.
  I mean, insert the text inside the div (to be independent of the icon) with the vertical align set to top, display set to inline-block too and some margin to push that down.
  
  

  I give you an idea of how it can be done, but we do not help with creating the HTML/CSS code, especially the advanced one.

  We provide help only with the simple css code.
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• kgopala

  March 2019

  ok. thanks