同一線上にある2つのdivブロック
2024-01-07 10:15:44
質問
2つのdivブロックを同じquot;line"にセンタリングする方法は?
最初のdivです。
<div id=bloc1><?php echo " version ".$version." Copyright © All Rights Reserved."; ?></div>
2つ目のdiv:
<div id=bloc2><img src="..."></div>
どのように解決するのですか?
CSSを使用します。
#block_container
{
text-align:center;
}
#bloc1, #bloc2
{
display:inline;
}
HTML
<div id="block_container">
<div id="bloc1"><?php echo " version ".$version." Copyright © All Rights Reserved."; ?></div>
<div id="bloc2"><img src="..."></div>
</div>
また、生コンテンツを
<div>
のような適切なタグを使用してください。
<p>
または
<span>
.
編集:以下は jsFiddleデモ .
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] ジャンボトロンのセンター出しは?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)
-
[解決済み】あるdivの上に別のdivを重ねる方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTML IFステートメント
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] HTMLアンカーは'name'と'id'のどちらで作成するのが良いですか?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] CSSでdivを縦にスクロールできるようにする
-
[解決済み] Align <div> elements side by side