How can I align text horizontally with listings? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

How can I align text horizontally with listings?

Example: LINKS USERS CUSTOMERS Contact Us add business meet Dalt about us remove buz buy tickets terms of use call us origin

30th Dec 2016, 9:41 AM
Physics D'alton
Physics D'alton - avatar
13 Answers
+ 8
<dl> <dt>Coffee</dt> <dd>black hot drink</dd> <dt>Milk</dt> <dd>white cold drink</dd> </dl> Description list
30th Dec 2016, 9:44 AM
Valen.H. ~
Valen.H. ~ - avatar
+ 7
Use <pre></pre> tag to make the text "preserved" (it will be kept intact) and put inside the stuff. (<pre>LINKS USERS CUSTOMERS Contact Us add business meet Dalt about us remove buz buy tickets terms of use call us origin</pre>)
30th Dec 2016, 10:30 AM
Valen.H. ~
Valen.H. ~ - avatar
+ 7
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <footer style="position:absolute;top:80%;"><pre>LINKS USERS CUSTOMERS Contact Us add business meet Dalt about us remove buz buy tickets terms of use call us origin</pre></footer> </body> </html> Like this?
30th Dec 2016, 3:36 PM
Valen.H. ~
Valen.H. ~ - avatar
+ 5
<div align="center">How about this?</div> (left|center|right)
30th Dec 2016, 10:05 AM
Valen.H. ~
Valen.H. ~ - avatar
+ 5
My email is "alternativexxxy@gmail.com"
31st Dec 2016, 12:16 PM
Valen.H. ~
Valen.H. ~ - avatar
+ 2
I tried using Html tag (div) to align them but isn't going through. What's your view......
30th Dec 2016, 9:43 AM
Physics D'alton
Physics D'alton - avatar
+ 2
display the li elements inline-block
30th Dec 2016, 9:48 AM
Andreas K
Andreas K - avatar
+ 2
Valentine.... I just tried but it wasn't aligned like the example above This type of alignment is often use in the footer or above the footer
30th Dec 2016, 9:51 AM
Physics D'alton
Physics D'alton - avatar
+ 2
Honorable..... You are very brilliant..... Pls align it like my example for me. Am kinda confused
30th Dec 2016, 10:09 AM
Physics D'alton
Physics D'alton - avatar
+ 2
Please it still not going through....... Hope u really understand what am trying to do? I want to fix these inside my footer tag of my website..... Something like in between the <section></section> Can u do that for me please.........
30th Dec 2016, 2:35 PM
Physics D'alton
Physics D'alton - avatar
+ 2
<div style="width:30%"><ul><li>first list</li></div> repeat for each column, change widthI to accommodate number of columns to equal 100%. with text-align you can use <p> tags. Twitter Bootstrap you can set this up using grids.
30th Dec 2016, 8:51 PM
Louis Milotte
Louis Milotte - avatar
+ 2
it's probably best to post your code on here and ask for review
30th Dec 2016, 9:57 PM
Louis Milotte
Louis Milotte - avatar
+ 2
I guess u have to see what am trying to do.... Contact me and I will give u the details so u intimately teach me Pls. daltcom99@gmail.com Whatsapp: +233547459841 Fb: greenwood Dalton
31st Dec 2016, 2:02 AM
Physics D'alton
Physics D'alton - avatar