KPC
Kevin Powell - Community•2y ago
Anurag Gupta

Not able to centre Paragraph inside a Div

Here is my code: https://codepen.io/anurag1989/pen/GRGVjXa The main problem is the 'btn' class. I am not able to centre it inside the btn class. Tried making the display property of 'p element' as inline-block but still not working. On opening the inspection tool, I see that the text area of btn class is increasing (leaving white space) which is making the text inside it to look off the centre. Is there any way out for this?
Anurag Gupta
CodePen
GRGVjXa
...
3 Replies
Wolle
Wolle•2y ago
Your button has a set width. You can try width: max-content;
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Anurag Gupta
Anurag Gupta•2y ago
Thanks to all for your comments. Both solutions worked fine.
Want results from more Discord servers?
Add your server
More Posts
Dark UI Design A step-by-step guidehttps://blog.prototypr.io/dark-ui-design-a-step-by-step-guide-5a78fbbbad1eVectormakerConvert images to SVG vectors, PNG-to-SVG Vectors. Vectormaker outlines your pixel based images and Mesherhttps://csshero.org/mesher/BrowserFrameThe easiest way to wrap screenshots in browser frames. Supports multiple browsers, operating systemsResponsivelyhttps://responsively.app/Html Head Helperhttps://htmlhead.dev/A collection of popular layouts and patterns made with CSShttps://csslayout.io/Using grid for responsiveness on small card... last question for today When you resie this codepen, you'll see that in the middle point, when Images not loading in picture elementThis is hard to show since my images are stored locally, and so I can't get them up to codepen. But Border radius not appearingHi! I've put a border radius on the `.content` element, but with the image added the top of the imag