MyBB Community Forums

Full Version: align left and right
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
ive done this but there is a gap

<P align=left>
<a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a>
<br>
<b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
<br>
All donations will help us improve the site </b>
</P>
<td>


<P align=right>
<a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a>
<br>
<b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
<br>
All donations will help us improve the site </b>
</P>


i want it on the same line please help
Paragraph tag is a block element and you'll need to add display:inline-block property to p element (via style or css)
for inline styling solution



<p style="display:inline-block;">
 <a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a> 
 <br />
 <b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
 <br />
 All donations will help us improve the site </b>
 </p>

<p style="display:inline-block;float:right;">
 <a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a> 
 <br />
 <b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
 <br />
 All donations will help us improve the site </b>
 </p>

and for css solution (paste the following content in your global.css)
paragraph {
  display:inline-block,
}



<p class="paragraph">
 <a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a> 
 <br>
 <b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
 <br>
 All donations will help us improve the site </b>
 </p>

<p class="paragraph">
 <a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a> 
 <br>
 <b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
 <br>
 All donations will help us improve the site </b>
 </p>
(2013-03-13, 01:19 PM)shep100uk Wrote: [ -> ]ive done this but there is a gap

<P align=left>
<a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a>
<br>
<b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
<br>
All donations will help us improve the site </b>
</P>
<td>


<P align=right>
<a href="http://madtunez.com/donate.php"><img src="images/donate.gif"></a>
<br>
<b>Donate to become <span style="color:#CC9933">Premium</span> and have access to more releases
<br>
All donations will help us improve the site </b>
</P>


i want it on the same line please help

if you have supplied the full code remove the <td>