Muhammad_Bilal Posted June 29, 2014 Share Posted June 29, 2014 Salam or Hi @ All, I'm be dive in a problem which is making the rectangular callout with the help of the css and display '00:00' text in it. Here's my code to do it. <!DOCTYPE html> <html> <head> <title> Rectangular Callout </title> <style> #rectangle { background:#000; color:#fff; position:relative; display:inline-block; margin:10px 10px 0 10px; padding:0; height:20px; width:75px; z-index:9999; } #callout { background:#000; color:#000; display:inline-block; position:relative; margin:0; padding:0; width:9px; height:7px; left:35px; top:-14px; font-size:16pt; } </style> <body> <div id="rectangle" > </div> <br /> <div id="callout" > ▼ </div> </body> </html> That's works fine, but I'll be think this is not the best way to do it. Let tell me how to do it with the css sibling or even more efficient way. Help is appreciated. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now