Hi, I am trying to arrange five i-phone like div elements side by side. The code displays everything fine when tested on external editors (w3 school). However, the display is weird when used in the qualtrics. The code is below. Can anyone figure out what is wrong here ------------------Code----------------------------------- <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .outer { width : 1100px; height : 900px; display: inline-block; } .zui-table { font: normal 15px Arial, sans-serif; } /* The device with borders */ .smartphone { position: relative; width: 180px; height: 340px; margin: auto; border: 10px PaleTurquoise solid; border-top-width: 30px; border-bottom-width: 45px; border-radius: 36px; display: inline-block; } /* The horizontal line on the top of the device */ .smartphone:before { content: ''; display: block; width: 60px; height: 5px; positio
Already have an account? Login
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.