Okay, so I tried to apply what you and Ronpat recommended, and here is what I have...
<img src="/images/WindTurbineAtSunset_100x74.png" width=100" alt="" title="" />
<h4>Best Cities for Small-Business</h4>
<p>Opening up a small business in a tough economy is a risky gamble. But these 10 states saw more startup activity than anywhere else nationwide.</p>
<a href='/finance/economy/fastest-growing-small-business-sectors-for-2013'>Fastest Growing Small-Business Sectors for 2013</a>
<a href='/finance/economy/which-states-support-main-street'>Which States Support Main Street?</a>
<a href='/finance/economy/sec-silent-as-crowdfunders-wait'>SEC Silent as Crowdfunders Wait</a>
<a href='/finance/economy/sequester-could-lead-to-more-start-ups'>Sequester Could Lead to More Start-ups</a>
<p class='moreArticles'><< View more ECONOMY articles... >></p>
And here are my Styles...
margin: 20px 0;
padding: 0 15px 15px 15px;
border: 1px solid #AAA;
margin: 30px 0 0 0;
position: relative; /* 2013-05-22 */
padding: 0 30px 10px 0;
I think this looks pretty good, but...
1.) If I add Top Padding to .moreArticles, it doesn't do anything.
I need to ensure there is a certain amount of spacing between my Articles Links and the "View more ECONOMY articles..." link. (If the Article Summary on the left wasn't there, the Article Links and the View More Articles link would collapse together and be touching, which I do NOT want!!)
Here is an updated screen-shot to show what I mean...
How do I do that??
2.) What HTML Tag would you use to wrap "View more ECONOMY articles..."?
3.) Is there a problem using this syntax for my link.. "<< View more ECONOMY articles... >>"
4.) Overall, did I do things the way you guys intended, and how do you think things look so far?