アフィリエイトリンクを横に並べる方法を教えて下さい

質問

アフィリエイトリンク（ａ８、楽天アフィリ）を横に並べる方法を教えて下さい

ameblo・ｆｃ２でブログをしています
通常、アフィリエイトのリンクコードをコピペすると

●
▲
■

というように、縦に並びますが　これを

●▲■

というように、横並びにしたいのです
いくつかの　コミュ・回答を読んで
</tr></p>を削除するといったことをしてみましたが
amebloではエラーとして認識されるのか
通常画面で確認した時には変更が見られる
HTML画面に戻ると、削除した部分が修正されていました

ｆｃ２では、コード内の<br>をすべて消すということもしてみましたが
横並びになることはありませんでした

初心者でご迷惑をおかけするかもしれませんが
教えていただければ幸いです

回答No.2

friend01 · ベストアンサー

<table>
<tr>
<td>●</td>
<td>▲</td>
<td>■</td>
</tr>
</table>

これで、どうでしょう？

お礼

ありがとうございました
お礼遅くなりすみません。

回答No.1

xxQ_Qxx

ブロック要素で囲み、横に並べては如何でしょうか。

<ul class="affiliate">
<li>●</li>
<li>▲</li>
<li>■</li>
</ul>

ul.affiliate li {
display: inline;

フロートで並べることも出来ます。

ul.affiliate li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}

liでなくても、divやpでも同じように指定できますが……

.affiliate {
float: left;
}

フロートを使った場合、回り込みの解除をしてください。
（ブログだと、スキンのCSSで指定しているかも知れません。利用できるようなら改めて指定する必要はありません）

.clear {
clear: both;
}

CSSの知識が必要です。
理解しやすそうなサイトを見つけて参考にしてください。

></tr></p>を削除する

元のコードはテーブルですか？
</tr>を削除するとレイアウトが崩れないでしょうか。
そもそも終了タグは省略するものではないです。
（修正されたのはそのためでは？）

こちらで文法チェックをしてみてください。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

お礼

ありがとうございました
お礼遅くなりすみませんでした

補足

えっと・・・なんかすごく難しい？
ブログで、Ａ８などから提供されてるアフィリエイトのリンクの改造では無理だということでしょうか？
スタイルシートの編集等だと、ブログ全体の編集ということになりませんか？

記入不足だったのですね。
教えていただいたのにすみません。
ブログの記事中に挿入するアフィリエイトリンクを縦に並べたいのですが・・・
毎回、自分で選んで貼り付けてるので・・・