div display inline not working

Ask Question Forum:

Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page

Show

ASK RECENT

div display inline not working

Asked by rookaps

at 2024-07-29 21:00:06

Point:500 Replies:3 POST_ID:829158USER_ID:12049

Topic:

Hypertext Markup Language (HTML);;Cascading Style Sheets (CSS)

I can not figure out why these will not align with my 'display:inline' css.

Help horizontally aligning this in the middle would be appreciated too.

Thanks!

http://www.rookaps.com/example

Attachment:example.htmexample.css

Expert: duncanb7 replied at 2024-07-29 23:39:35

you could clean up all html and css error first at free validator athttp://validator.w3.org/

Thanks for your points

Have a nice day

Duncan

Author: rookaps replied at 2024-07-29 23:31:35

Wow! If only, I could glue back all the hair I tore out.

Thanks,
Regards,
C. Terry

Accepted Solution

Expert: duncanb7 replied at 2024-07-29 21:30:24

500 points EXCELLENT

In your example, div tag is Not closing at item1, and now it works as you expect.

Duncan

<!DOCTYPE html><html lang="en">  <head>    <meta charset="utf-8">    <meta name="description" content="">    <meta name="keywords" content="">    <title></title>    <style>.box1 {		width:200px;	height:200px;	background-color:#09d2e7;	display:inline;    color:black;    font-size:22px;	}		.box2 {		width:200px;	height:200px;	background-color:#0fd207;	display:inline;    color:black;    font-size:22px;animation-timing-function:	}		.box3 {		width:200px;	height:200px;	background-color:#ffd2e7;	display:inline;    color:black;    font-size:22px;	}</style>  </head>  <body>Example:<br><br><br><div><div class="box1">Item 1</div><div class="box2">Item 2</div><div class="box3">Item 3</div>	</div>  </body></html>

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:35:36:37:38:39:40:41:42:43:44:45:46:47:48:49:50:51:52:53:54:55:

Select All Code

新聞財經娛樂♬資訊 News Economy

About Us|Service|Pricing

Stock Index全球即時指數期貨:

&nbps;

News即時新聞:↓

News即時新聞:↑

On Balance Volume (OBV):

Youtube Video♬ Sharing by members:↓

Youtube Video♬ Sharing by members:↑

Ask Question Forum:

div display inline not working

Your Information

Members/Profolio