- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Center Triangle at Bottom of Div in HTML with CSS
To set the triangle at the center and at the bottom of div, use the following. You need to set left to 50% −
.demo: after { position: absolute; border-top: solid 50px #e15915; border-left: solid 50px transparent; border-right: solid 50px transparent; top: 100%; left: 50%; margin-left: -50px; width: 0; height: 0; }
Advertisements