# CSS: Floating items in \<li\>

**URL:** https://forum.kirupa.com/t/css-floating-items-in-li/324707
**Category:** web dev
**Created:** [September 4, 2011, 9:48pm UTC](https://forum.kirupa.com/t/css-floating-items-in-li/324707 "2011-09-04T21:48:31Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![spyderfx](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@spyderfx](https://forum.kirupa.com/u/spyderfx)
#### Post date: [September 4, 2011, 9:48pm UTC](https://forum.kirupa.com/t/css-floating-items-in-li/324707/1 "2011-09-04T21:48:31Z")

</div>

I’m trying to make columns in individual list items. For some reason the floats don’t work like they would when floating divs. Can anyone help me out with this?

For example:

\<ul\>

\<li\>\<span\>something\</span\>\<p\>something\</p\>\</li\>

\</ul\>

How could I get the span and paragraph to display inline?