html - Using multiple class in one div with images -


I am using two squares in a div. The problem I'm having is, I have two different titles divs and each title will have its own image, I do not understand why each title will not display its image, both images are div I'll be stacked, what am I doing?

Demo

CSS

 . Title [boundary: 1 px solid # aaa; Padding: 4px 22px; } .inon-img1: first {status: absolute; Top: 4px; Left: 4px; material: ""; Background: URL (http://png-4.findicons.com/files/icons/366/icomic/24/images.png); Width: 24px; Height: 24px; } .inon-img2: first {status: complete; Top: 4px; Left: 4px; material: ""; Background: URL (http://png-5.findicons.com/files/icons/753/gnome_desktop/24/gnome_emblem_photos.png); Width: 24px; Height: 24px; }   

HTML

  & lt; Div class = "title icon-img1" & gt; Title 1 & lt; / Div & gt; & Lt; Div class = "title icon-img2" & gt; Title 2 & lt; / Div & gt;    

now status: relative; Add to your Title class

like this

  .title {status: relative; }   



Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -