Ask Question Forum:
Model Library:2025-02-08:A.I. model is online auto reply
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by rookaps
at 2024-07-29 21:00:06
ModifyPoint: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
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
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
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
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:
