so is there a nicer way to show the school logo in a well? Like how can I stick it to the right upper corner not inline with the text?
<div class = "well well-lg" style="background-color: #F2F2F2;">
<img class ="m-a-1 m-y-1" style="padding: 20px 0; display: inline-block;">
M.Sc. in Computer Sciences.
University of Wisconsin-Madison, Madison, WI, USA.
Graduated in May 2016.
<img src="./assets/img/UW.png" alt="" style="height:100px; width:100px;"> </img>
</span>
</div>
Also I have tried the following but still doesn't look as nice:
<div class = "well well-lg" style="background-color: #F2F2F2;">
<img class = "m-y-1" src="./assets/img/sharif.png" alt="" style="height:100px; width:100px;"> </img>
<span class ="m-a-1 m-y-1" style="padding: 20px 0; display: inline-block;">
M.Sc. in Computer Engineering <br/>Majored in Computer Architecture.
Sharif University of Technology, Tehran, Iran. </br>
Graduated in June 2011.
</span>
</div>
Turns out I am being super unclear. I want the image to be like the second image in this question however vertically aligned in the middle. The following code puts the image above the text:
<div class = "well well-lg" style="background-color: #F2F2F2;">
<span class ="m-a-1 m-y-1" style="padding: 20px 0; display: inline-block;">
<img class = "m-y-1" src="./assets/img/sharif.png" alt="" style="height:100px; width:100px; display: inline-block; vertical-align: middle;">
<p>
M.Sc. in Computer Engineering <br/>Majored in Computer Architecture.
Sharif University of Technology, Tehran, Iran. </br>
Graduated in June 2011.
</p>
</span>
</div>
Aucun commentaire:
Enregistrer un commentaire