0

何かを配置する正しい方法は何ですか? 中央にブログ投稿を表示する div があります。

<div class="box">

<?php while ( have_posts() ) : the_post(); ?>
 <article>
  <h2><a href="<?php esc_url( the_permalink() ); ?>"<?php the_title(); ?>" rel="bookmark">      <?php the_title(); ?></a></h2>
  <h7>BY LOUIS MOORE ON</h7> <time datetime="<?php the_time( 'Y-m-d' ); ?>" pubdate><?php the_date(); ?> <?php the_time(); ?></time><?php the_content(); ?></br>    
<div class="h9"></div>
</article></br></br></br>
<?php endwhile; ?>

</div>

CSS:

.box {
 text-align: center;
 background-color: #F1F2F2;
 border: 1.5px #D1D3D4 solid;
 border-bottom: 3px solid red;
 margin: 5px;
 padding: 10px;
 min-width: 90%;
}

「Twitter でフォローしてください」の後に Twitter ボタンを追加したいのですが、これを div ボックスの右側に表示したいと考えています。これを行う正しい方法は何ですか？

4

2 に答える 2

1 
.followme {
    position: absolute;

    left:30%;
    bottom: 70%;
}
于 2017-09-25T12:08:15.320 に答える
0

float: right;

同じ境界内に入れたい場合は機能します。ボックスの外に入れたい場合は、両方を格納するコンテナーを作成できます。

<div class="container">
    <div class="box">...</div>
    <a href="#">Follow me on Twitter</a>
</div>

.contianer a {
    float: right;
}
于 2013-01-03T15:50:32.140 に答える