How to properly display two strings side by side

Question

I have two arrays which I use implode() on to convert into strings which are then echoed out.

Ideally i'd like the 1 value from the one string to be next to the other value in the other string, prefably nested inside a

<p></p>

Here's the code I'm using to issue a line break after every value, wrap it in a div, and float it.

<?php 
echo '<div class="wrapper"><div style="text-align:left; float:left;"         
class="glue">';
echo implode('<br>',$test);
echo '</div>';
echo '<div style="text-align:right; float:right;" class="glue">';
echo implode('<br>',$_POST);
echo '</div></div>';
?>

This works well for now as both divs sit next to each other within my container but it would be easier if the values were inside P tags instead so I could easily put an image in-between them.

I've added some images below to better demonstrate what I'm going for. The first one is what I've tried and the second one is what I would like.

Answer 1

That is not possible until you split the paragraph tag into 2 halves.

Try this,

 .div1 { float: left; } .div2 { float:right; } .div2 { float:right; text-align: right; } 

 <p> <div class="div1">Left Text</div> <div class="div2">Right Text</div> </p> 

Answer 2

Is it what you want?

<style type="text/css">
    p{
        overflow: hidden;
    }
    span.left{
        float: left;
    }
    span.right{
        float: right;
    }
</style>
<?php
foreach($test as $k=>$v){
    echo '<p><span class="left">'.$test[$k].'</span><span class="right">'.$_POST[$k].'</span></p>';
}

Answer 3

if both arrays have the same length the most simple example woud look like this:

<?php 
$test[0] = "a";
$test[1] = "b";
$test[2] = "c";
$test[3] = "d";
$test2[0] = 1;
$test2[1] = 2;
$test2[2] = 3;
$test2[3] = 4;
for($i=0;$i<count($test);$i++)
{
echo "<p><nobr>".$test[$i] . "</nobr> <nobr style='float:right;'>" . $test2[$i] . "</nobr></p>";
}

if you wanna test to see if it fits just paste the code here