formタグの改行の空白をなくす方法が知りたい

提示コードのcssコメント部///ですが提示画像のいいねボタンの下の空白を縮めたいのですがこれをするにはどうやってcssを指定すればいいのでしょうか？formを横並びにしているので改行はされていないはずなのですが

thraed.php

html
1
2
3    /*####################### スレッドで自分の投稿リストを列挙 #######################*/
4    function Renderer_PostThread($post)
5    {
6        if($post["enable"] == true)
7        {
8            ?>
9
10            <div class="postCenter">
11            <p> -------------------------------------------------------------------------- </p>
12
13            <p> <?php echo $post["comment"] ?>  </p>
14
15            <p class="postDate"> <?php echo $post["create_time_stamp"] ?></p>
16            
17            <form action="goodList.php?post=<?php echo $post["UUID"] ?>" method="post" class="selectButton">
18            <input type="hidden" name="Good_UUID" value="<?php echo $post['UUID'] ?>" >           
19            <button class="goodButton" type="submit" name="submit"> いいね </button>
20            </form>        
21
22            <form action="postUpdate.php" method="post" class="selectButton">
23            <input type="hidden" name="DeleteID" value="<?php echo $post['UUID'] ?>" >
24            <button class="deleteButton" type="submit" name="submit"> delete </button>
25            </form>
26
27        </div>
28            
29
30            <?php
31        }
32    }

style.css

css
1media screen and (min-width: 641px){ 
2    
3
4    .threadList
5    {
6        text-align: center;
7
8    }    
9
10    /* 中央揃え */
11    .center
12    {
13        color: #C0C0C0;        
14        text-align: center;
15    }
16
17///////////////////////////////////////
18    /* 中央揃え改行なし */
19    .postCenter
20    {
21        color: #C0C0C0;        
22        text-align: center;
23        
24
25    }
26////////////////////////////////////////////
27
28
29
30    /* ######################################################### 右揃え */
31    .right
32    {
33        color: #C0C0C0;        
34        text-align: right;
35    }
36    /* #########################################################*/
37
38    p
39    {
40        color: #C0C0C0;
41       
42            
43        
44    }
45
46    .p_rightButon
47    {
48        display: inline;    
49    }
50
51    .form
52    {
53        white-space: nowrap;
54        display: inline;    
55    }
56
57    .searchBar
58    {
59        text-align: center;
60    }
61
62    h6
63    {    
64        color: #C0C0C0;
65    }
66
67
68    h5
69    {    
70        color: #C0C0C0;
71    }
72
73    h4
74    {    
75        color: #C0C0C0;
76    }
77
78    h3
79    {
80        color: #C0C0C0;
81        
82    }
83
84    h2
85    {
86        color: #C0C0C0;
87        
88    }
89
90    h1
91    {
92        color: #C0C0C0;        
93    }
94
95    .threadTopBar
96    {
97       
98        color: #C0C0C0;
99        text-align: center;
100    }
101
102    a
103    {
104        text-decoration: none;
105        font-size: 20px;
106        color: #2096F3;		       
107    }
108
109    a.center
110    {
111        text-decoration: none;
112        font-size: 20px;
113        color: #2096F3;		       
114        text-align: center;
115    }
116
117
118    .selectButton
119    {
120        display: inline-flex;
121        
122    }
123    
124    .PostDate
125    {
126        display:inline-flex;
127        margin-right: 100px;
128    }
129
130    a:hover
131    {
132        text-decoration: underline;
133    }
134
135
136    .input[type=button]
137    {        
138        width:100px;
139        background-color:#2096F3;
140        color:#fff;
141        padding: 15px;
142        border-radius: 3px;
143        box-shadow: 0 0 8px rgba(0,0,0,0.4);
144
145    }
146
147    textarea
148    {
149        
150        height:100px;
151    }
152
153    /* アスキーアート入力フォーム */
154    textarea.asciiArt
155    {
156        resize: none;
157        width: 100%;
158    }
159
160
161    button
162    {
163
164        height:30px;
165        width: 150px;
166        background-color:#2096F3;
167        color:#fff;
168        display: inline-block;    
169        
170        border-radius: 3px;
171        box-shadow: 0 0 8px rgba(0,0,0,0.4);
172    }
173
174
175
176    .buttonSide
177    {
178        
179    }
180
181///////////////////////////////////////////////////////////////////////
182    .deleteButton
183    {
184        display:inline-block;
185        
186        height:30px;
187        width: 60px;
188        background-color:#FF0000;
189        color:#fff;        
190        border-radius: 3px;
191        box-shadow: 0 0 8px rgba(0,0,0,0.4);
192    }
193///////////////////////////////////////////////////////////////////////////////
194    .postSelect
195    {
196        display:inline-block;
197    }
198/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
199    .goodButton
200    {
201        
202        display:inline-block;     
203        margin-right: 100px;
204        height:30px;
205        width: 100px;
206        background-color:#FFFF00;
207        color:#000000;
208        
209        
210    }
211//////////////////////////////////////////////////////////////////////////////////////
212
213
214    .goodButtonThread
215    {
216        text-align: left;
217        
218        height:30px;
219        width: 100px;
220        background-color:#FFFF00;
221        color:#000000;
222        
223
224    }
225
226    .searchBar
227    {
228        text-align: center;
229    }
230
231    body
232    {
233        background-color: #15202B;
234        
235        
236    }
237
238 }

m.ts10806

2022/02/25 12:05

だから、まずHTMLだけで組めと何人が何度言ったら分かりますか？

退会済みユーザー

2022/02/25 12:06

参考書を読んで一通り理解したのですが

m.ts10806

2022/02/25 12:07

理解してたらこんな質問してないと何人が何度言ったら。本読みしたのを「理解した」とは言わない。

Lhankor_Mhy

2022/02/25 15:53

CSS の質問のように見えるので、質問タグに CSS をつけることをおすすめします。

退会済みユーザー

2022/02/26 10:09

ベストアンサーをつけていますが、ツールの使い方がわかっただけなのか、本当に解決できたのか、知りたいところですね。どのように解決したのか、差し支えなければ教えてほしい。

退会済みユーザー

2022/02/26 10:19

htmlの参考書を見返すことにしました。

m.ts10806

2022/02/26 11:42

これまでと同じように本読みしたところで時間の無駄なので。

行動規範の内容に同意します

回答1件

ベストアンサー

参考）
https://hikopro.com/cherome-denelopment/

この手のツールを使ってmarginやpaddingがどうなってるか見てみると、わりと一発で分かります。これを使っても分からないのであれば、それはCSSの基礎を理解できていないので学び直した方がいいでしょう。この手の質問はエラーなど発生しないので他の人に聞いても回答が出てくることは期待できませんので、ツール使って自分で頑張るしかないですよ。それとも他の人がわざわざこのソースコードを自前の環境で検証してくれるような人が現れるのを待ちますか？

投稿2022/02/25 14:44