posted 13 years ago
Code of html is:
------------------------------------------------------------------------
<style>
.container {}
.left-content {
float: left;
width: 49%;
}
.right-content{
float: right;
width: 49%;
text-align: left; /* depends on element width */
}
</style>
<div class="container">
<span class="left-content">
Content in left itemdsssssssssssssssssssssssssssssssssssss sdddddddddddddddddddddddddddddddddddd :
</span>
<span class="right-content">
Content in right item
</span>
</div>
---------------------------------------------------------------------------------
what iam getting is
sdsdsdsd sdsdsds itemdsssssssssssssssssssssssssssssssssssss tobe shown in right
sdddddddddddddddddddddddddddddddddddd : :::
What i want is
sdfsdfdfdfd item dsssssssssssssssssssssssssssssssssssss
sdddddddddddddddddddddddddddddddddddd :::: tobe shown in right
waht i want is right content aligned with : in 2 line and not on first line..