Aligning text with icon

kgopala

Hi I am unable to align text with the icon on same line.

I have used the following code.

<h5><b>Watch</b> Next</h5>[icon_block icon="icon-lamp" align="" color="" size="25"]

The icon always doesnt align in the same row but goes to the second line.

Pablo

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

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

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

ok. thanks