How to align two lines of text?

  • 1
  • Question
  • Updated 8 years ago
Hi I was wondering how to align two lines of text like shown here: http://www.htmlgoodies.com/tutorials/...
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
  • confused

Posted 8 years ago

  • 1
Photo of Callum

Callum

  • 357 Posts
  • 32 Reply Likes
Hi gabrielmawhinney,

What exactly are you trying to acheive? Are you trying to wrap the text around a picture? Or do you want multiple lines of text next to a picture and the rest under it?
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
I am trying to align text with each other turning something like this:
23. Your Name Is 24. What did you say
25. I said stop that 26. Hello

into a neater version when it is all aligned!
Photo of Callum

Callum

  • 357 Posts
  • 32 Reply Likes
Do you mean like a numbered list?

So you can turn your example into:
23. Your Name Is
24. What did you say
25. I said stop that
26. Hello

Is that what you are trying to do?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Gabrielmawhinney

If you could please clarify further what you are wanting to do, then we will be happy to assist.
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
I am trying to make the text shown above like this:

1. hello 2. hello
3. hello 4. hello
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi

Perhaps are you wanting to create a table to help align your text?

You can easily create a table using the table button in the HTML Helper.

Here are the steps to create your table:

1. Go to HTML Helper.
2. Click on the "Insert/Edit Table"button on the toolbar (first button on third row of toolbar).
3. A popup window called "Table Properties" will appear on your screen. You can customize your table to your specifications:
* Rows: type in the number of rows you want in your table.
* Columns: type in the number of columns you want in your table.
* Headers: click on the dropdown menu and select if you would like a header for your table, whether you want it at the top or side, or both.
* Border size: sets the thickness of the table border.
* Alignment: specifies the alignment of your table. You can set it to left, center or right.
* Width: sets the width of you table in pixels or percentage. E.g. if you choose 40 percent the table will take 40% of the editing area width.
* Cell spacing: specifies the width between cells.
* Cell padding: specifies the space around the text inside the cell.
* Caption: add a title, a note or comment to your table. The caption will appear at the top of the table. You can format the caption text using the Text Editor in the menu.
* Summary: sets a comment on the table. The comment will not appear in the table.
4. Click on "OK" when you have completed customizing your settings.
5. You can now enter content into your table. When you enter text into the fields in your table, you will notice that the cell border will "move" as you type. To prevent this, you need to set the "width" (length) of your cell to be static and to text wrap. Here's how to set this:
* Right click in the cell.
* Go cell --> cell properties
* Set the width of your cell. Remember the width for each cell needs to be less than the width of your whole table to accommodate the other cells.
6. You can use the formatting options available on the 5th and 6th rows of the toolbar to format your content.
7. Once you are happy with your table, you can add it to your webpage. To do this, click on "View/Edit HTML". This will display the HTML code of your table. Copy this code and paste it into an HTML Widget on your page. Please remember to copy all the HTML code.

If you would like to edit or update your table, simply copy the HTML code you pasted in the HTML Widget into the HTML Helper. Click on "View/Edit HTML". Paste the code, then click on "View/Edit HTML" again. Your HTML code will be displayed as a table again and you can make your necessary changes.

I hope this answers your question. If not, or if you had something different in mind, please let me know.
Photo of gabrielmawhinney

gabrielmawhinney

  • 19 Posts
  • 1 Reply Like
no not in a table just so that the numbers are in line with each other vertically.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Gabriel

Perhaps one way of doing this is to use a Column Divider Widget and then you can drag the Text Widgets into each column and number them accordingly? This will help to line up your text vertically. Would this work for you?