中央寄せの解除

質問

こんにちわ。初歩的な質問ですが、ご教授願います。

CSSのほうでは

.freearea{
font-size:12px;
text-align:center;

}

と記述しております。

これをHTMLのほうで、一時的に解除させたいテキストがあるのですが、適正なHTMLタグが分かりません。

回答No.3

BLUEPIXY · ベストアンサー

<div>で囲む所で
<div style="text-align:left" class="freearea">
としたら良いと思います。

お礼

ご回答、ありがとうございます。
お礼が遅くなり申し訳ありませんでした。

教えて頂いたタグで、変更したい箇所の中央寄せは解除され、フォントもCSSの指定通りとなりました。

補足

<div>を使用すると、下記の部分のCSSで指定したフォントや中央寄せも解除されました。

<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" align="left" /></a>
<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" /></a>
コメント<br />
コメント
</p>

この場合は、再度

<p class="freearea">
</p>

で指定すれば良いものなのでしょうか？

回答No.4

BLUEPIXY

#3補足><div>を使用すると、下記の部分のCSSで指定したフォントや中央寄せも解除されました。
＃３で言うところの<div></div>で囲む部分は、解除したい部分だけを囲むようにします。

お礼

何度も丁寧にありがとうございます。
補足のほうには疑問点をを追記していますが
問題は無事に解決することができました。

質問に付き合って頂いた皆さんも、本当にありがとうございました。

補足

変更後のソース

<div style="text-align:left" class="freearea">
<a href="アドレス" target="_blank">コメント</a>
<br />
<a href="アドレス" target="_blank">コメント</a>
</div>
<p class="freearea">
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" align="left" /></a>
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" /></a>
<br />
テキスト
</p>

疑問点が残るソース（この記述だとdivより後のCSS指定が全て解除されます）

<p class="freearea">
<div style="text-align:left" class="freearea">
<a href="アドレス" target="_blank">コメント</a>
<br />
<a href="アドレス" target="_blank">コメント</a>
</div>
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" align="left" /></a>
<a href="アドレス" target="_blank"><img src="画像アドレス" width="80" height="112" border="0" alt="作品名" hspace="5" class="pict" /></a>
<br />
テキスト
</p>

この記述で問題ないと思ったのですが…。

回答No.2

-chiffon-

私も独学の自己流なので、間違った書き方かもしれませんが、

<div align="left">
<font size="1～7">
<a href="アドレス" target="_blank">名前</a>
<br />
<a href="アドレス" target="_blank">名前</a>
</font></div>

でどうでしょう？

お礼

ご回答、ありがとうございます。
お礼が遅くなり申し訳ありませんでした。

試してみたところ文字サイズの調節はできましたが、
なかなか同じフォントサイズにするのは難しいようです。

回答No.1

-chiffon-

下記ページの「site menu」→「基本の小技集」→「位置（ポジション）」に書かれていますが、

左寄せなら

<div align="left">
ここに文字を書きます。
</div>

右寄せなら「left」を「right」に変えればできると思います。

参考URL：

http://www.dekirukana.net/index.html

お礼

早速のご回答、ありがとうございます。

＞<div align="left">
ここに文字を書きます。
</div>

指定した結果、CSSで指定したフォントサイズが無効化してしまいました。
私自身勉強不足なので、参考URLで教えていただいたところで勉強してきます。

補足

現在のHTMLソース

<p class="freearea">

<a href="アドレス" target="_blank">名前</a>
<br />
<a href="アドレス" target="_blank">名前</a>
<br />
<br />
<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" align="left" /></a>
<a href="○○○" target="_blank"><img src="○○○" width="80" height="112" border="0" alt="○○○" hspace="5" class="pict" /></a>
コメント<br />
コメント
</p>

下記の部分だけ、中央寄せを解除して左寄せにしたいのです。

<a href="アドレス" target="_blank">名前</a>
<br />
<a href="アドレス" target="_blank">名前</a>

divで指定した結果、CSSで指定した文字の大きさが解除されました。