Generate faq
Question:Answer:
Example:
What is FAQ?
A frequently asked questions list is often used in articles, websites, email lists, and online forums where common questions tend to recur, for example through posts or queries by new users related to common knowledge gaps.
HTML
CSS
.FAQ-container{margin:1.7em 0;font-size:19px;font-family:system-ui;line-height:1.7em; color: black;} details.ques{padding:18px 0;border-bottom:1px solid black;} details.ques:first-child{border-top:1px solid black;} details.ques summary{font-weight:700;cursor:pointer; display:flex;align-items:baseline} details.ques summary:hover{color:#dd277b;} details.ques summary::before{content:'\203A'; flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px; font-weight:400;font-size:1.33rem;color:inherit} details.ques[open] summary{color:#dd277b;} details.ques:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center} details.ques.alt summary::before{content:'\002B'; padding:0 2px} details.ques.alt[open] summary::before{content:'\2212'} details.ques .answy{padding:0 25px;opacity:.9}