# CSS - Rounded Corners w/ padding applied **URL:** \ **Category:** web dev\ **Created:** [October 23, 2006, 8:50pm UTC](https://forum.kirupa.com/t/css-rounded-corners-w-padding-applied/204825 "2006-10-23T20:50:29Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![bladeMX](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bladeMX](https://forum.kirupa.com/u/bladeMX)\ **Post date:** [October 23, 2006, 8:50pm UTC](https://forum.kirupa.com/t/css-rounded-corners-w-padding-applied/204825/1 "2006-10-23T20:50:29Z")
Thought this would be really easy to do, but everytime I apply padding elements go wacky. ```auto Untitled Document

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

``` Any help greatly appreciated. ---
**Author:** ![aldomatic](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@aldomatic](https://forum.kirupa.com/u/aldomatic)\ **Post date:** [October 23, 2006, 8:56pm UTC](https://forum.kirupa.com/t/css-rounded-corners-w-padding-applied/204825/2 "2006-10-23T20:56:40Z")
padding where? looks fine to me ---
**Author:** ![bladeMX](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bladeMX](https://forum.kirupa.com/u/bladeMX)\ **Post date:** [October 23, 2006, 9:13pm UTC](https://forum.kirupa.com/t/css-rounded-corners-w-padding-applied/204825/3 "2006-10-23T21:13:58Z")
[QUOTE=al-do;1983877]padding where? looks fine to me[/QUOTE] Doh! In the element below: ```auto .roundcont { width: 250px; background-color: #f90; color: #fff; padding: solid 25px #CCC; } ``` ---
**Author:** ![aldomatic](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@aldomatic](https://forum.kirupa.com/u/aldomatic)\ **Post date:** [October 23, 2006, 9:16pm UTC](https://forum.kirupa.com/t/css-rounded-corners-w-padding-applied/204825/4 "2006-10-23T21:16:14Z")
```auto .roundcont p { margin: 0 10px; padding:25px; } ``` add it there insted. ---
**Author:** ![bladeMX](https://avatars.discourse-cdn.com/v4/letter/b/46a35a/32.png) [@bladeMX](https://forum.kirupa.com/u/bladeMX)\ **Post date:** [October 23, 2006, 9:40pm UTC](https://forum.kirupa.com/t/css-rounded-corners-w-padding-applied/204825/5 "2006-10-23T21:40:05Z")
[QUOTE=al-do;1983891] ```auto .roundcont p { margin: 0 10px; padding:25px; } ``` add it there insted.[/QUOTE] Thank you for the quick response. By the way, love the icon. I’ve been using that example to apply corners to this design below: [http://www.majikmedia.com/template2/](http://www.majikmedia.com/template2/) I’ve tried placing the corners in the container tag, but because of padding in the tag it doesn not seem to apply. Is it possible to have the corners in the same element where padding is applied, or will they not inherit? Thanks again for your response. ---
**Author:** ![aldomatic](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@aldomatic](https://forum.kirupa.com/u/aldomatic)\ **Post date:** [October 23, 2006, 9:45pm UTC](https://forum.kirupa.com/t/css-rounded-corners-w-padding-applied/204825/6 "2006-10-23T21:45:35Z")
well if your using just a solid color you could use this [LINK](http://www.html.it/articoli/niftycube/index.html)