Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

its possible 2legends in one fieldset one on top left side & second on bottom right..?

its possible 2legends in one fieldset one on top left side & second on bottom right..?

Problem

this is my codes of html i want on a top left a legend and in bottom right also a legend. So Please provide me some details how can i do that or any other suggestion look like.

HTML

   
Company Details Company Details

CSS

     .legend_class1
      {
     padding: 15px 10px;
      border:1px solid #686868;
      color:#000;
      font-size:1.5em;
     text-align:left;
         }

     .legend_class2 {
       padding: 15px 10px;
     border:1px solid #686868;
       color:#000;
      font-size:1.5em;
        text-align:left;
      }
Problem courtesy of: user3811502

Solution

if I understand you correctly here is my version

 
Company Details
Company Details
.first_formclass2 { height: 200px; position: relative; } .legend_class1 { padding: 15px 10px; border:1px solid #686868; color:#000; font-size:1.5em; text-align:left; } .legend_class2 { padding: 15px 10px; border:1px solid #686868; color:#000; font-size:1.5em; text-align:left; } form { position: absolute; bottom:10px; right:10px; display:inline-block; }

CODEPEN

Solution courtesy of: Alex Wilson

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

its possible 2legends in one fieldset one on top left side & second on bottom right..?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×