Small image in same line as Text?

• 

  mojofabulous · Member · Mar 7, 2017 at 4:20 am

  • Copy link
  • Add topic to favorites

  I am trying to make this small image stay inline with the text. How do I do that? Thanks

  Page link:

  https://mojofabulous.com/gear/water/water-armor/

  HTML:

  `

  #7 Glacial Poseidon’s Defense

  

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 7, 2017 at 6:19 pm

  • Copy link

  Hi, I think the best way to do this would be with inline styling on that particular h5 element. Replace that line with this and see what you think.
  <h5 style="background: url('https://mojofabulous.files.wordpress.com/2017/02/waterwcicon.jpg?w=648') no-repeat scroll left top / contain; text-indent: 30px;">#7 Glacial Poseidon’s Defense</h5>

• 

  mojofabulous · Member · Mar 7, 2017 at 8:25 pm

  • Copy link

  That works, ty.

• 

  thesacredpath · Member · Mar 9, 2017 at 2:30 am

  • Copy link

  You are welcome.