css - Presenting two paragraphs in HTML side by side

Keywords:html 


Question: 

Consider the following problem: you have one text translated into two languages,

First line // Unua linio
Second line // Dua linio

and there's a need to display them side by side using all available space, make them accessible to search engines as separate paragraphs and allowing separate selection. That way if someone does a search for "Unua linio dua linio" they see exactly that paragraph without text from the first creeping in.

I've considered using tables but not sure how it will affect search engine indexing, it's also not very "correct" to split lines in a paragraph into rows. Considered putting one paragraph on the left side and the other on the right and shifting them vertically so it goes like this:

First line
         Unua linio
Second line
          Dua linio

but cannot devise the proper HTML markup for that.

Edit: another (ideal) example would be

Really really long line in a paragraph that 
spans two lines
                 Translation of this really
                                  long line
Second line
                     Translated second line



1 Answer: 

You can use float:left and float: right in Css like this:

<div style="border:solid; float:left"> This is some text </div>
<div style="border:solid; float:right"> This is some text </div>
<div style="clear:both;"></div>
 

More Articles


c# - Retrieving the image name from a powerpoint file

I need to retrieve the image file name from an image in a pptx file. I already got the stream from the image but i didn't got the name of the image file... Here is my code:private static Stream GetParagraphImage(DocumentFormat.OpenXml.Presentation.Picture picture, DocumentFormat.OpenXml.Packagin

output - Let User Re-type The Input Without Interfering With Other Strings (C#)

My input gets checked by "TryParse". And if it is false I want to let the user retype it correctly. But when I click any key after the check it deletes everything above cause of "Console.Clear();". - I want to delete only the input part and nothing above it.namespace Practice{ class Program {

c# - Error when execute storyboard to close a window open in showdialog

I have get back this error when the Storyboard close the window 'This Visual is not connected to a PresentationSource.'my scenario consist in two window and one UserControlthis is window1's xaml code:<Window x:Name="LWindow" x:Class="WpfAppXtesting.WindowTest1" xmlns="http://schemas.microsoft.


Can't we copy shape(s) from a PPT slide to word document in the orginal format in C#?

I tried to copy autoshape from PPT to word. but its copying as picture format. We cant edit the text or shape in word. How to avoid this?Code I m using not giving expected esult:foreach (Microsoft.Office.Interop.PowerPoint.Shape shape in slide.Shapes){ if (targetDoc != null) { shape.Copy();

c# - Extract text from SmartArt in Presentation OpenXml

I need to extract all text from a PowerPoint OpenXml format (pptx) in .net (VB.NET or C#)Like you all know, pptx is a zipped file whith some folders inside.I'm using OpenXmlPowerTools.I managed to extract the text from the slides folder (slidespart), but I noticed that there is more text in my powe

android - runOnUiThread in Presentation class

How can I update TextView in Presentation class if RunOnUiThread is not available in this class.Here is my exampleprivate final class DemoPresentation extends Presentation { public DemoPresentation(Context context, Display display) { super(context, display); } @Override protected


r - Include googleVis chart in ioslides RStudio

I have a following chart:library(googleVis)df = data.frame(models = c("PLAT", "LC", "APC", "CBD", "M6", "M7", "M8"), val = 1:7)Column <- gvisColumnChart(df)plot(Column)I would like to place it in ioslides in RStudio.Can anyone instruct me how to do it?

Using Android Presentation class with a Bluetooth mouse

I am attempting to use the Presentation class for Android to display a secondary app on another display which can be navigated with the mouse; however, when I connect a Bluetooth mouse to the phone it only shows the cursor and allows for click inputs on the phone's primary display. Is there a way to

Best iPhone/iOS framework for Presentation Apps

Which framework do you suggest for building an application to manage presentation, like an interactive and multimedia brochure?Do you think the iOS is enough?

android - Expression of time difference

Given a number of seconds/milliseconds, what is the best method to gracefully/cleanly express this time interval in the user's language, using the Android values/strings.xml API?I am not asking for how to get the days/hours/minutes -- answers for that can be found in how to show milliseconds in days