# Floated element appears to receive extra padding

**URL:** https://forum.kirupa.com/t/floated-element-appears-to-receive-extra-padding/331562
**Category:** web dev
**Created:** [August 29, 2013, 9:10pm UTC](https://forum.kirupa.com/t/floated-element-appears-to-receive-extra-padding/331562 "2013-08-29T21:10:31Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Pherank](https://avatars.discourse-cdn.com/v4/letter/p/4af34b/32.png) [@Pherank](https://forum.kirupa.com/u/Pherank)
#### Post date: [August 29, 2013, 9:10pm UTC](https://forum.kirupa.com/t/floated-element-appears-to-receive-extra-padding/331562/1 "2013-08-29T21:10:31Z")

</div>

I’m noticing some odd behavior with a span tag - if I happen to make the span element float, the padding around the text appears to increase, but why exactly?  
No float:  
[http://www.burntscarlet.com/\_test/help\_forums/Kirupa/span\_button.html](http://www.burntscarlet.com/_test/help_forums/Kirupa/span_button.html)  
Float left:  
[http://www.burntscarlet.com/\_test/help\_forums/Kirupa/span\_button\_float.html](http://www.burntscarlet.com/_test/help_forums/Kirupa/span_button_float.html)