0 голосов
спросил от в категории JavascriptCSSHTML
Чтобы получить два divs бок о бок, вы можете поместить их в левые/правые плавающие divs:

<!DOCTYPE html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <html> <head>     <meta charset="utf-8" />     <link rel="shortcut icon" href="//#" /> </head> <body>   <div>     <div style="float:left;width:calc(50% - 5px);">       <h3 class="class center">Red Fruits</h3>       <div id="redid" class="redclass wrappingflexbox"></div>     </div>     <div style="float:right;width:calc(50% - 5px)">       <h3 class="class center">Green Fruits</h3>       <div id="greenid" class="greenclass wrappingflexbox"></div>     </div>   </div>   <div style="clear:both">     <h3 class="center class">Suggested Fruits</h3>     <div id="randomid" class="randomclass wrappingflexbox top"></div>   </div> </body> </html>


С вашим центром стиль, фрукты будут все на одной линии, что, вероятно, не то, что вы хотите. Вероятно, вы захотите их обернуть:
.wrappingflexbox {   display: flex;   flex-wrap: wrap;   justify-content: left; }


Попробуйте здесь:
<!DOCTYPE html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <html> <head>     <meta charset="utf-8" />     <link rel="shortcut icon" href="//#" /> </head> <body>   <div>     <div style="float:left;width:calc(50% - 5px);">       <h3 class="class center">Red Fruits</h3>       <div id="redid" class="redclass wrappingflexbox"></div>     </div>     <div style="float:right;width:calc(50% - 5px)">       <h3 class="class center">Green Fruits</h3>       <div id="greenid" class="greenclass wrappingflexbox"<span c

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

Категории

Добро пожаловать на сайт DraftingCode Q&A, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие вопросы

0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
...