

いつもお世話になっています。  
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

* * *

## 【質問の主旨】

[![画像の説明をここに入力](https://i.stack.imgur.com/RhCLW.png)](https://i.stack.imgur.com/RhCLW.png)

上記の画像は[こちらの記事](https://e-yota.com/idle_talk/akane_club_fm_oh/)の画面下部を表しています。（ネイビー色の）タグの箇所は`div`タグで囲んでいて、「のんさん関連記事」は`asideタグ`で囲んでいます。`div`タグと`aside`タグの間隔がつまりすぎているように見えますので、両者に適当な間隔つけたいと考えています。使用しているCSSファイルにどんなセレクタとプロパティを指定すれば良いでしょうか？

## 【質問の補足】

### 1\. タグの箇所(div)について

[code]

    .kiji-tag {
      margin-bottom: 30px; /* 追記 */
      padding-top: 30px;
    }
    
[/code]

`margin-bottom: 30px;`を追記しましたが、タグと「のんさん関連記事」の間隔はあきませんでした。

### 2\. 「のんさん関連記事」(aside)の箇所について

[code]

    aside .mymenu mymenu-thumb {
        margin-top: 20px;
    }
    
[/code]

上記のセレクタ・プロパティを追記しましたが、タグと「のんさん関連記事」の間隔はあきませんでした。

### 3\. コードについて

【質問の主旨】で挙げたWebサイトのコードは、master_css_20190913ブランチとしてGitHubで公開しています。

（Webサイト全体）  
<https://github.com/echizenyayota/e-yota/tree/master_css_20190913>

（スタイルシート）  
<https://github.com/echizenyayota/e-yota/blob/master_css_20190913/wp-
content/themes/mytheme/style.css>

### 4\. 表示させているブランチ

現在、【質問の主旨】で挙げたURLはmasterブランチを使用して表示させています。  
<https://github.com/echizenyayota/e-yota>

* * *

以上、ご確認よろしくお願いします。


CC BY-SA 4.0
2019-09-13T10:39:27.987
59043
2019-09-14T07:52:22.863
2019-09-13T11:02:39.253
32986
32232
question
css
divタグとasideタグの間のスタイルシートを用いて間隔を空けるためにどうすれば良いでしょうか？


[![画像の説明をここに入力](https://i.stack.imgur.com/gmU9e.png)](https://i.stack.imgur.com/gmU9e.png)

style.cssに下記のスタイルを記述すると、意図通りの動作ができました。

[code]

    .mymenu mymenu-thumb { 
        margin-top: 20px; 
    }
    
[/code]

スタイルが当たらなかった原因はCSSの記述ではなく、ファイルのアップロードに問題がありました。  
ブログサイトを公開するために使用しているサーバー（さくらのVPS）でstyle.cssを確認すると、権限が`644`でユーザー・グループ名が`root:root`になっていました。権限を`664`に、ユーザー・グループ名を`apache:一般ユーザー名`に変更すると上記のスタイルが当たるようになりました。みなさんどうもありがとうございました。


CC BY-SA 4.0
2019-09-14T07:52:22.863
59062
2019-09-14T07:52:22.863
32232
59043
answer