Hover over text

Hello everyone,
I have been using sparkling for quite some time, but the last 2 months I got into its css. I needed some word to be able to hover into images so I used the following code on css. span#identified{ background: none repeat scroll 0 0; border: 0 solid #DFDFDF; color: #717171; font-size: 13px; height: 30px; letter-spacing: 1px; line-height: 30px; margin: 0 auto; position: fixed; text-align: none; text-transform: none; top: 0px; left: 0px; display:none; padding:0 20px; } span#identified:after{ content:''; position:absolute; bottom:-10px; width:10px; height:10px; border-bottom:auto solid #dfdfdf; border-right:auto solid #dfdfdf; background:none; left:50%; margin-left:-5px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(0deg); } p.hover{ margin:0; float:auto; position:auto; cursor:default; display:inline; } p.hover:hover span#identified{ display:block; }
with this in html `<p class=“hover”>text for hover<span id=“identified”><img style=“width: 286px; height: 395px;” src=“imagelink.png” alt=“a photo” /></span></p>

I’ve been fixing some issues with that, and the last one that remains is the fact that I cannot continue a simple text on the same line,after closing the hovered item’s code. I want to add words in big texts that can be hovered so that is a problem.
Thank you for your time,have a good day!

For future reference the solution was pretty simple.
I added this to the css

.parent *{

and whenever I want my elements to be on the same line, I just open a div like this
<div class=“parent”> Piece of content here </div>

Hi @georgespanos,

Awesome great to see you got that solved.

Please advise if you have more questions.

Have a fantastic day!