Jump to content

In-line styling


daddyalfie

Recommended Posts

I have this page of "mutual links" for my customer.

 

He (rightly!) would like to move the thumbnail pictures of each establishment over into the bare, green area at the left where the menu resides.

 

Moving the pixs is no problem, but then I need to align each paragraph with its corresponding pix. I don't really want to create a separate class for each paragraph, and that leaves in-line styling.

 

Now my question: What is the syntax for adding an in-line margin style to a paragraph?

 

As always, many thanks!

 

Alfie

Edited by daddyalfie
Link to comment
Share on other sites

This should do it:

 

.left-justify{

text-align: left;

margin: 20px 35px 15px -170px;

}

 

.left-justify img{

float: left;

margin: 10px 10px 10px 0;

}

.left-justify p {margin-left: 170px;}

 

You may have to do some more fine-tuning and it would probably help to have the pics all the same width.

Link to comment
Share on other sites

This should do it:

 

.left-justify{

text-align: left;

margin: 20px 35px 15px -170px;

}

 

.left-justify img{

float: left;

margin: 10px 10px 10px 0;

}

.left-justify p {margin-left: 170px;}

 

You may have to do some more fine-tuning and it would probably help to have the pics all the same width.

 

HMM! So you are suggesting just shoving the pictures over in to the left and then the verbiage over to take up the space left. Interesting idea. I shall try it!

 

Thanks luv!

 

Alfie

Link to comment
Share on other sites

Brilliant solution Andrea! It worked like a charm, except I had to create a new class as the "left-justify" was used elsewhere. (And yes, I had to re-size some of the thumbnails.)

 

Thanks so much for a straight forward and easy solution!

 

Alfie

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...