Databases
StackOverflow2013
Postsdbo
POHTML/CSS - Text floating right, when I need to the left
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML/CSS - Text floating right, when I need to the left
    primarykey
    data
    text
    <p>Tried to solved this on my own, but was not able to, here is my question:</p> <pre><code> &lt;div id="content"&gt; &lt;div id="about"&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. &lt;/p&gt; &lt;div id="cta"&gt; &lt;h3 id="just_10"&gt;The new widget is just $10.&lt;/h3&gt; &lt;a href="#" id="buy_now"&gt;Buy Now&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="widget_pic"&gt; &lt;img src="images/gear.png" alt="A Drawing of a widget, which looks similar to a gear or a cog."&gt; &lt;/div&gt; &lt;p id="compare"&gt;Compare Widget to other products.&lt;/p&gt; </code></pre> <p>I have my p id=compare set to float left, here is the css: </p> <pre><code>#compare { float: left; font-weight: bold; </code></pre> <p>}</p> <p>and it's doing what is suppose to do...is floating to the left, but if I add more text on the about div, the float does not work and the text is appearing on the right, here is what i have for css on the about id.</p> <pre><code>#about { font-size: 1.3em; margin: 20px 0; text-align: left; </code></pre> <p>}</p> <pre><code>#about p { background: #d2b14e; padding: 30px; font-style: italic; font-size: 0.9em; } </code></pre> <p>any help would be appreciated . here is an image for visual</p> <p><a href="http://i782.photobucket.com/albums/yy101/Oliveira500/Learning/question.jpg" rel="nofollow">http://i782.photobucket.com/albums/yy101/Oliveira500/Learning/question.jpg</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USLucky500
    1. USLucky500
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COI'm confused by your question, but it looks like it is working [in this fiddle](http://jsfiddle.net/P8SFR/), no? You also have a random large space in your lorem ipsum which may be throwin off the alignment.
      singulars
      1. POHTML/CSS - Text floating right, when I need to the left
      1. USDerek S
    2. COSeems like it should work fine. create a jsfiddle so we can have a go at fixing the problem
      singulars
      1. POHTML/CSS - Text floating right, when I need to the left
      1. USSaturnsEye
    3. COMaybe you have css somewhere else, maybe in the body that is affecting it?
      singulars
      1. POHTML/CSS - Text floating right, when I need to the left
      1. USSaturnsEye
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload