How to Get Two Scroll Boxes Next to Each Other
When you add two scroll boxes to your website, the default position is for the second box to appear under the first one, which is frustrating if you need the boxes to line up horizontally. You can use HyperText Markup Language in conjunction with inline Cascading Style Sheets to produce the alignment you require. Use the text editor program on your computer to add the code that puts two scroll boxes next to each other.
Other People Are Reading
Instructions
-
-
1
Bring up the Web page document that has the scroll boxes in your text editor program.
-
2
Position your cursor in front of the first scroll box code and enter an opening paragraph tag with "style=" to create a placeholder for your inline Cascading Style Sheets. Type a closing paragraph element after the second scroll box code. To illustrate:
<p style=" ">
scroll box code #1
scroll box code #2
</p>
-
-
3
Enter "white-space:" after the style attribute in the first tag and then type the value "nowrap;" after the colon. For example:
<p style="white-space:nowrap;">
The white-space attribute controls the content in your paragraph and the nowrap value keeps the scroll boxes from wrapping so they never appear on separate lines on the page.
-
4
Save your document. Your finished code looks like the following example:
<p style="white-space:nowrap;">
scroll box code #1
scroll box code #2
</p>
-
1
