KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I'm trying to have something like this: |--------------fixed width---------------| Title1 .......................... value1 Title2 ................... another value Another title ........ yet another value Here is my html example code: <div class="container"> <span class="left">Title</span> <span class="center"> </span> <span class="right">value</span> </div> And here my css: .center { text-align: center; border-bottom: 1px dotted blue; display: inline-block; outerWidth: 100%; } .right { display: block; border: 1px dotted red; float: right; } .left { display: block; text-align: right; border: 1px dotted red; margin-right: 0px; float: left; } .container { width: 200px; border: 1px dotted red; padding: 5px; } It's possible to make span "center" expand to fill the space between the other two span elements? Code on jsfiddle: http://jsfiddle.net/XqHPh/ Thank you!
Tags (comma-separated)
Save Edits
Cancel